100% on-device · nothing uploaded
Favicon generator
Drop in one image and get everything a site needs for its icon: a real multi-size favicon.ico, the crisp PNGs browsers prefer, the apple-touch-icon for iOS and the two PWA sizes — bundled in a zip with the <head> tags to paste. It all runs in this tab, so your image is never uploaded.
How to use it
- Choose a square image — a PNG, SVG, JPG or WebP. Square works best; a logo on a transparent or solid background is ideal.
- Pick how a non-square image should fit (fill and crop, or fit and pad) and, if you like, a solid background for the iOS icon.
- Generate, then download the whole set as a zip and paste the <head> tags into your page.
The sizes browsers and platforms actually ask for
Sixteen pixels is the browser tab and the bookmark bar; 32 is those same slots on a high-density display, plus a Windows taskbar shortcut; 48 turns up in Windows site shortcuts and some Android contexts. iOS requests a 180 px apple-touch-icon when a page is saved to the home screen, and composites it onto a solid background because it does not honour transparency. A web manifest supplies 192 for the Android home screen and 512 for the splash screen.
An ICO is a container rather than a single image, which is how one favicon.ico can hold the 16, 32 and 48 versions and let whatever is asking take the nearest match. That still matters because browsers fetch /favicon.ico from the site root even when no link tag points at it, so the file is worth having regardless of what the head declares.
Design for sixteen pixels, then check the rest
A 16 by 16 icon is 256 pixels in total. A wordmark is unreadable at that size, strokes thinner than one pixel are averaged into pale grey and vanish, and a gradient collapses into a single muddy tone. Take one element from the logo, an initial, a glyph or a silhouette, and let it fill the frame with strong contrast behind it.
Then inspect the small renders at actual size rather than zoomed, because zooming hides precisely the failure being tested for. One further check is worth making: tab bars are light in one theme and dark in the other, so a mark drawn in near-black disappears for anyone using dark mode. A mid-tone, or a shape carrying its own background plate, survives both.
Questions
Is my image uploaded to make the favicons?
No. Every size is rendered and encoded by your browser on your own device, so the image never leaves this tab. Most free favicon sites upload your logo to a server first.
What files do I get?
A multi-size favicon.ico (16, 32 and 48 px in one file), separate PNGs at 16/32/48 px, a 180 px apple-touch-icon for iOS home screens, 192 and 512 px PWA icons, a site.webmanifest, and an HTML snippet with the exact <head> tags — all in one zip.
Is the .ico a real ICO file?
Yes. It is a genuine Windows .ico that packs the 16, 32 and 48 px images as PNG inside it — the format every current browser reads and the way favicons ship today.
What size and format should my source image be?
At least 512 × 512 px so the largest icon stays sharp, and square so nothing is cropped unexpectedly. PNG or SVG with a transparent background gives the cleanest result; you can add a solid background here for the iOS icon, which does not support transparency.
Where do I put the files and tags?
Upload the files to the root of your site, then paste the provided <link> tags into the <head> of your HTML. The manifest and PWA icons are picked up automatically once the tags reference them.
Updated 2026-07-20. Runs fully in your browser — nothing is uploaded.