Hi everyone, can someone please advise how best to change whatever that symbol is on websites I create?
Hi @ayanda
This symbol is called “favicon”. From the MDN glossary:
A favicon (favorite icon) is a tiny icon included along with a website, which is displayed in places like the browser’s address bar, page tabs and bookmarks menu. Note, however, that most modern browsers replaced the favicon from the address bar by an image indicating whether or not the website is using HTTPS.
Usually, a favicon is 16 x 16 pixels in size and stored in the GIF, PNG, or ICO file format.
They are used to improve user experience and enforce brand consistency. When a familiar icon is seen in the browser’s address bar, for example, it helps users know they are in the right place.
You can find further information on the MDN page “What’s in the head? Metadata in HTML”: https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML#adding_custom_icons_to_your_site
I hope that helps. Have a nice day!
1 Like