The Icon Set Modern Sites Actually Need
Favicons stopped being one file years ago. Browser tabs read 16/32 px PNGs, Google Search requires at least 48×48 to show your icon next to results, iOS reads a 180×180 apple-touch-icon for home-screen bookmarks, and Android/PWA installs want 192 and 512 px manifest icons. This tool renders all six from one image with high-quality scaling, shows you each size at true resolution (plus a browser-tab mockup), and writes the exact <link> tags.
Design tip: test the 16 px preview hard — if your mark isn't recognizable there, simplify. Transparent logos can get a solid background and rounded corners here without a design app. Pair it with the Image Resizer for other exact sizes, the Image Compressor to slim the 512 px icon, and the Meta Tag Previewer to finish your page's head section.
Frequently Asked Questions
What favicon sizes do I need in 2026?
16 and 32 px for tabs, 48 px for Google Search, 180 px apple-touch-icon for iOS, and 192 + 512 px for Android/PWA manifests — exactly the set this tool generates.
Do I still need a favicon.ico file?
Modern browsers accept PNG link tags, so mostly no. A root /favicon.ico remains a harmless fallback for old agents; use a dedicated ICO converter if you want one.
What image makes a good favicon?
A bold, simple, square mark that survives 16×16 — one shape or letter, no thin lines or long words, good contrast on light and dark themes. Check the 16 px preview above.
How do I add the favicon to my website?
Upload the PNGs (commonly to your site root) and paste the generated link tags into every page's <head>; reference the 192/512 icons from your manifest. The code box above has the exact tags.
Is my logo uploaded anywhere?
No — all resizing happens in your browser. Your image never leaves your device.