SEO
Favicon Generator
Upload an image and get a full favicon set (16–512px, .ico, web manifest) plus ready-to-use HTML for <head>.
The archive includes all PNGs, favicon.ico, and site.webmanifest.
Modern browsers and operating systems no longer expect just one favicon.ico — they need a whole set of icon sizes for the browser tab, bookmarks, the iOS/Android home screen, and a PWA web manifest. This tool generates that entire set from a single uploaded image.
How to use it
- Upload a source image (ideally square, at least 512×512px) and the tool generates the full size range (16-512px) in ICO and PNG formats.
- Download an archive containing every favicon file and the site.webmanifest.
- Copy the finished block of <link> tags and paste it into the site's <head>.
Common uses
- Setting up a full favicon set for a new site without manually creating every size by hand.
- Upgrading an outdated icon setup (just a favicon.ico) to the modern standard with PWA and Android maskable icon support.
- Quickly checking how a logo looks shrunk down to 16×16px — fine details often blur together at that size.
Things to keep in mind
At small sizes (16-32px), fine logo details become illegible — a simplified mark works better as a favicon than a full logo with text.
Android maskable icons need a safe zone padded around the main artwork, or important content can get cropped off when a shape mask is applied.
Article about this tool: Favicon: why a single icon needs so many sizes and formats
Frequently asked questions
Why do I need so many different favicon sizes?
Different platforms request different sizes — browsers tabs typically use 16x16 or 32x32, iOS home screen icons need 180x180, and Android uses various sizes up to 512x512 — generating the full set ensures your icon looks sharp everywhere.
What's the difference between .ico and .png favicons?
The .ico format can bundle multiple resolutions in one file and has the widest legacy browser support, while modern browsers also accept plain .png files referenced directly in link tags — most sites today use both for compatibility.
Is my uploaded image sent to a server to generate the favicons?
No. All resizing and format conversion happen entirely in your browser — the image is never uploaded anywhere.
Can an SVG be used as a favicon?
Yes — modern Chromium-based browsers and Firefox support <link rel="icon" type="image/svg+xml">, and such a favicon stays crisp at any screen density and can even respond to dark mode via prefers-color-scheme inside the file itself.
What's a maskable icon for Android?
It's an icon with a safe zone padded around the main artwork that Android can crop into any shape (circle, rounded square, etc.) to match the device theme, without cutting off important icon content.