Favicon generator — every size a site needs
Turn one image into a complete favicon set — the six sizes browsers, iOS and Android actually ask for. Generated on your device.
Runs entirely in your browser — nothing is uploaded.
All processing happens in your browser. Your file is never uploaded.
Modern browsers prefer an SVG favicon where you have one, falling back to PNG. The 180×180 is for apple-touch-icon and the 192/512 pair for Android and PWA manifests. A square source image gives the best result — non-square input is centre-cropped.
How to use
- Drop in a square image. Non-square input is centre-cropped to a square automatically.
- Pick a format. PNG is the right choice unless you need a background filled in.
- Download all sizes. Six files, ready to drop into your site root.
Questions
Which favicon sizes do I actually need?
16 and 32 for browser tabs, 48 for Windows, 180 for apple-touch-icon on iOS, and 192 plus 512 for Android home screens and PWA manifests. Anything beyond that is legacy.
Do I still need a .ico file?
Rarely. Every current browser accepts PNG favicons, and modern setups prefer an SVG with PNG fallbacks. A .ico is only needed for very old Internet Explorer support.
Why does my favicon look muddy at 16×16?
Because detail cannot survive at that size. Favicons that work are simple — a single letter, a bold shape, high contrast. Shrinking a detailed logo produces mush; design a separate simplified mark instead.
How do I add these to my site?
Put the files in your site root and reference them with link tags: rel="icon" for the 32, rel="apple-touch-icon" for the 180, and the 192/512 pair in your web app manifest.