I've been wondering how to code something I don't know what it's called. Basically, (I don't have enough reputation to insert an image), it's the little icon next to your tab showing what website you're on. Like on facebook it's the "f" with blue background and google is the "g" with the colors... :\
Could anyone please help me with how to implement it on my website and what it's called? Thanks so much
This question is related to
html
It is called favicon.ico and you can generate it from this site.
This is for the icon in the browser (most of the sites omit the type):
<link rel="icon" type="image/vnd.microsoft.icon"
href="http://example.com/favicon.ico" />
or
<link rel="icon" type="image/png"
href="http://example.com/image.png" />
or
<link rel="apple-touch-icon"
href="http://example.com//apple-touch-icon.png">
for the shortcut icon:
<link rel="shortcut icon"
href="http://example.com/favicon.ico" />
Place them in the <head></head>
section.
Edit may 2019 some additional examples from MDN
Source: Stackoverflow.com