The little tab icon, explained
A favicon is the small picture next to your page title in a browser tab. These notes cover what it is, which sizes and file types to use, how to add one, and why the old one sometimes hangs around.
All the icon notes
- What a favicon is and where it shows up
A favicon is the small picture next to your page title in a browser tab. See where else it appears and what it's made of.
- Favicon sizes and file types: ICO, PNG and SVG
Which favicon sizes and file formats you need, what Google accepts, and why a single SVG or a multi-size ICO file can cover most cases.
- How to add a favicon to a website with link tags
The link tag lines to put in your page head, where to upload the icon file, and how browsers choose between the icons you list.
- Why your favicon is not showing
A checklist for a blank tab icon: wrong file path, missing link tag, unsupported format, security rules, blocked crawling and more.
- Why the old favicon still shows after a change
Why browsers and Google hold on to an old favicon, and the steps that help a new icon appear, such as a new file name and patience.
- Favicons in Google search results
What Google asks for before it can show your favicon next to your site in search: the link tag, file rules, crawl access and stable URL.
- Apple touch icons and phone home screen icons
How to set the icon people get when they save your site to an iPhone or iPad home screen, with the file name, link tag and sizes Apple lists.