How do I create the small icon next to the website tab for my site

Question

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

User · Accepted Answer

It is called favicon ico and you can generate it from this site   http   www favicon cc

User · Answer

This is for the icon in the browser  most of the sites omit the type     lt link rel  icon  type  image vnd microsoft icon       href  http   example com favicon ico    gt    or   lt link rel  icon  type  image png       href  http   example com image png    gt    or   lt link rel  apple-touch-icon       href  http   example com  apple-touch-icon png  gt    for the shortcut icon    lt link rel  shortcut icon       href  http   example com favicon ico    gt    Place them in the  lt head gt  lt  head gt  section   Edit may 2019 some additional examples from MDN

[html] How do I create the small icon next to the website tab for my site?

Examples related to html