Favicon Generator
Turn a logo into a full favicon set — a multi-size favicon.ico plus PNGs for web and mobile. Runs in your browser.
About Favicon Generator
Favicon Generator turns a square logo into a complete favicon set: a multi-resolution favicon.ico plus the individual PNG sizes browsers, iOS and Android all expect. One upload produces everything a modern site needs. It runs in your browser.
Favicons stopped being one small file a long time ago. A browser tab wants 16 or 32 pixels, a bookmark bar wants 48, iOS wants a 180-pixel apple-touch-icon for the home screen, and Android's web manifest wants 192 and 512. Miss the mobile sizes and a site saved to a phone home screen shows a blank rectangle or a screenshot instead of your logo, which looks careless on the one surface where the icon is largest.
The 16-pixel version is the real design challenge. A logo that reads beautifully on a business card becomes an unrecognisable smudge at that size — detailed illustrations, thin strokes and anything with text simply vanish. This is why successful favicons are usually a single letter, a bold monogram or one simple shape. It is worth looking at your icon at actual size in a tab before committing, rather than judging it from the large preview.
How to make a favicon
- Upload a square logo image, ideally 512x512 pixels or larger.
- Review the generated sizes, paying particular attention to the 16-pixel version.
- Simplify your source artwork and try again if the smallest size is illegible.
- Download the favicon.ico together with the PNG set.
- Place them in your site root and reference them from your HTML head and web manifest.
Tips & common problems
Judge it at 16 pixels, not on the preview
Everything looks fine large. The smallest size is where detail disappears, and it is the size most people will actually see.
Start square and generous
A 512x512 source scales down cleanly to every required size. A small or non-square original produces stretched, soft icons.
Do not skip the apple-touch-icon
Without the 180-pixel version, iOS generates its own home-screen icon from a screenshot of your page, which looks distinctly unfinished.
Transparency needs testing on dark tabs
A transparent PNG with dark artwork disappears against a dark browser theme. Check it in dark mode, or give the icon its own background.
Frequently asked questions
How do I make a favicon from an image for free?
Upload your logo and download a favicon.ico plus the full PNG set. No signup and nothing uploaded.
What sizes do I get?
PNGs at 16, 32, 48, 64, 180, 192 and 512 pixels, plus a combined multi-resolution favicon.ico that covers older browsers.
Where do I put the files?
In your site root. Browsers look for /favicon.ico automatically, and you reference the PNG sizes from link tags in your head and from your web manifest.
Why does my favicon look blurry?
Usually because the source was too small or not square, so it had to be stretched. Start from a square image of at least 512x512 pixels.
Do I really need all those sizes?
For a complete result, yes. Tabs, bookmarks, iOS home screens and Android installs all request different ones, and missing sizes produce blank or generic icons.
Why does my site still show the old favicon?
Browsers cache favicons unusually aggressively. Try a hard refresh, or open the icon URL directly to confirm the new file is being served.