Generate Favicons from an Image
One logo in, the whole icon set out: a multi-resolution favicon.ico, the 180 px apple-touch-icon, 192 and 512 px PWA icons, a starter webmanifest and the copy-paste HTML — zipped, generated in your browser, free. SVG input gives the sharpest small sizes.
Loading the tool…
How it works
- Drop a square-ish logo — SVG, or PNG at 512 px or larger.
- Check the 16 px preview honestly: that is what a browser tab shows.
- Download the ZIP and unpack it into your site root.
- Paste the four lines from snippet.html into your <head>.
Worth knowing
A favicon in 2026 is a set, not a file. Browser tabs read favicon.ico or a PNG link; iOS home screens read apple-touch-icon at 180 px; Android install prompts and PWA splash screens read 192 and 512 px entries from the web manifest. Miss one and some surface shows a blurry upscale or a blank default. This generator produces the whole matrix in one pass from a single source.
The .ico produced here embeds PNG data at 16, 32 and 48 px inside the ICO container — a structure every modern browser accepts and which keeps the file a fraction of the size of old uncompressed BMP-based icons. Each size is downscaled independently through iterative halving, so the 16 px version is a real resample rather than a mushy single-step reduction.
The 16 px preview deserves your attention more than any other output. At that size a wordmark becomes noise and fine detail becomes mud; strong favicons are usually a single letterform, a simplified mark or a solid shape. If your logo fails at 16 px, no generator can save it — crop to the distinctive element and run it again.
The included webmanifest is a functional starter with the two icon entries wired; fill in the name and colours before shipping. And because everything here is derived from your original bytes on your own machine, a confidential unreleased logo stays confidential.
Modern .ico files can legally embed compressed PNG data — the multi-size icon this tool builds is around a tenth the size of the uncompressed BMP-format .ico files most generators still emit.
What this tool will not do
- It will not redesign your mark for small sizes — a logo that turns to mush at 16 px needs simplification, not regeneration.
- It does not produce maskable-icon padding variants; add safe-zone padding to the source first if your PWA needs them.
Questions people ask
What favicon sizes do I actually need in 2026?
A multi-size .ico (16/32/48) for tabs and bookmarks, apple-touch-icon at 180 px for iOS, and 192 plus 512 px PNGs referenced from the manifest for Android and PWA installs. That set covers every mainstream surface.
Should the source be SVG or PNG?
SVG when you have it — it rasterises cleanly at every target size. Otherwise a sharp square PNG of at least 512 px. Upscaling a small source produces soft icons at 512.
Why does my favicon look blurry in the browser tab?
Usually the browser is downscaling a single large PNG on the fly. Shipping true 16 and 32 px renders inside the .ico — which this set includes — is the fix.
Where do the files go on my site?
The site root is the zero-configuration choice: browsers request /favicon.ico there even with no markup. The snippet's links cover the rest of the set explicitly.
Does the favicon affect SEO?
Search results that display site icons use it, and a missing or broken icon looks unmaintained in a row of results. It is a trust signal rather than a ranking factor.
How do I test the result?
Hard-refresh with the cache disabled, then check a pinned tab, an iOS "Add to Home Screen" and an Android install prompt. Favicon caches are notoriously sticky — a cache-busting query string helps during development.
Usually the next step
More in Inspect & Developer Utilities
This page processed nothing on any server — there is no server. The technical explanation.