Favicon Generator

A favicon is the small icon that identifies a website in browser tabs, bookmarks, history and search results, and on phone home screens when someone saves your site. Different devices look for different files and sizes, which is why making them by hand is tedious.

This generator draws all of them from one design: favicon.ico, 16 and 32 px PNGs, a 180 px Apple touch icon, 192 and 512 px Android icons, and a site.webmanifest that points to them. Start from a letter, an emoji or your logo, preview it at real sizes and in a mock browser tab, and copy the five link tags. Everything is drawn in your browser.

Desktop browsers show favicon.ico or the 32 px PNG in tabs and bookmarks. iPhones and iPads use apple-touch-icon.png when someone adds your site to the home screen; iOS rounds its corners and fills transparency with black, so that icon always gets a solid background. Android and installable web apps read the 192 and 512 px icons through site.webmanifest.

Icons at 16 px are tiny, so one bold letter or a simple mark reads far better than a detailed logo.