Favicon Generator
Turn one logo or image into every favicon size a website needs — including a real favicon.ico — and download them all as a ZIP. Everything happens in your browser and your image is never uploaded anywhere.
A square image of 512px or larger works best — non-square images are center-cropped automatically
Which favicon sizes do you actually need in 2026?
Favicon advice online is full of outdated lists with a dozen sizes. In practice, modern browsers and devices are covered by a short set: a classic favicon.ico (16/32/48 px) for old browsers, bookmarks, and Windows; a 180×180 apple-touch-icon for iPhone and iPad home screens; and 192 and 512 px PNGs for Android and web-app manifests. If you also have an SVG logo, one SVG + the ICO + the 180px icon covers essentially everything.
| File | Size | Used by |
|---|---|---|
| favicon.ico | 16 + 32 + 48 px (multi-size) | Browser tabs, bookmarks, old browsers, Windows |
| apple-touch-icon.png | 180 × 180 | iPhone / iPad "Add to Home Screen" |
| icon-192.png | 192 × 192 | Android home screen, PWA manifest |
| icon-512.png | 512 × 512 | PWA splash screen, app stores |
| favicon-16 / 32 / 48.png | 16–48 px | Optional standalone PNGs for explicit link tags |
How to install the icons
Unzip the download into the root folder of your website (next to your homepage HTML file), then paste these lines inside the <head> of your pages. The same snippet is included in the ZIP as readme.txt.
<link rel="icon" href="/favicon.ico" sizes="32x32"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png"> <link rel="apple-touch-icon" href="/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="192x192" href="/icon-192.png"> <link rel="icon" type="image/png" sizes="512x512" href="/icon-512.png">
Frequently asked questions
Is my image uploaded to your server?
No. The resizing, the ICO file, and the ZIP are all built inside your browser — your image never leaves your device.
Does it keep transparent backgrounds?
Yes. All generated files are PNGs (the ICO contains PNG data too), so transparency in your source image is preserved. Keep in mind a transparent icon can be hard to see against both light and dark browser themes — a subtle background circle or square often looks better.
Why does favicon.ico still exist?
It's the original favicon format from the 1990s, and it's still the universal fallback: browsers request /favicon.ico automatically even when no link tag mentions it, and bookmarks, RSS readers, and many tools look for it by name. One small ICO file quietly covers all of them.
My image isn't square — what happens?
The tool crops it to a centered square automatically before resizing, so the icon fills the frame with no stretching. If the important part of your logo isn't centered, crop it square yourself first (our crop tool can do it).
What's the ideal source image?
A square PNG or SVG-exported PNG of 512×512 or larger, with a simple, bold shape — fine detail disappears at 16 pixels. Anything smaller than 64px will look blurry when scaled up.