Favicon guides: sizes, formats and best practices
Everything you need to know about favicons, explained clearly: what a favicon is, which ICO, PNG and SVG files you need, the right sizes for Apple Touch and Android icons, and how to get yours right.
What is a favicon?
What is a favicon? Learn what it does, where it appears — browser tabs, bookmarks, home screens and Google results — and which files make a modern favicon.
Why your site needs a favicon
Why does every website need a favicon? It drives brand recognition, helps visitors find your tab again, and appears next to your name in Google results.
Which favicon files do you need? ICO, PNG, SVG and more
Which favicon files and sizes does a modern website need? favicon.ico, 96×96 PNG, SVG, the 180×180 Apple Touch icon and manifest icons, explained.
A brief history of the favicon, from 1999 to today
From the 16×16 favorites icon of Internet Explorer 5 in 1999 to Apple Touch icons, Android adaptive icons and modern SVG favicons: how the favicon evolved.