The favicon — the tiny icon in browser tabs, bookmarks, and history — is your site's smallest but most persistent branding surface. A missing favicon shows a generic globe and instantly signals 'unfinished site'. Modern favicons are not one file but a small set: classic 16/32-pixel icons, a 180-pixel Apple touch icon, and 192/512-pixel icons for Android and PWA installs.
This generator takes one square image and produces the complete favicon set in your browser, along with the HTML link tags to paste into your <head>.
How to Use This Tool
- Upload a square image — simple, high-contrast designs survive shrinking best.
- All standard sizes are generated automatically.
- Download the icon files and place them at your site root.
- Copy the provided link tags into your HTML <head>.
Frequently Asked Questions
Which favicon sizes do I actually need?
A practical modern set: 16×16 and 32×32 PNG (browser tabs), 180×180 (apple-touch-icon for iOS home screens), and 192×192 plus 512×512 (Android/PWA). That covers effectively every device people use today.
Do I still need a .ico file?
Only for very old browsers — PNG favicons have been universally supported for years. Many sites still ship favicon.ico at the root as a harmless fallback because some tools request that path by convention.
Why does my favicon look bad at 16 pixels?
Detail dies at that size: thin lines vanish, text becomes noise, gradients turn to mud. Favicon design is logo reduction — one bold shape, two colors, generous negative space. Test at actual size, not zoomed.