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 in your browser — your input is not uploaded to ToolsNow.
Your files are processed locally in your browser and are not uploaded to ToolsNow.
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.
Published by ToolsNow. How tools and sources are checked · Report a problem