Favicon generator
Turn a logo into favicon.ico and every icon a site needs.
Add a logo, choose the square that matters, and get favicon.ico with 16, 32 and 48 pixel versions inside it, the PNGs modern browsers and phones look for, a ready site.webmanifest, and the three lines of HTML to paste. Every size is drawn from the original at that size, not shrunk from one big one.
How to use it
- Add a logo — PNG, JPG or SVG.
- Drag the square over the part that should be the icon and set the background.
- Press Make the favicon set and unzip the files into your site's root folder.
Why use this tool
Completely private
Everything runs inside your browser. Your files and text are never sent to a server.
Free, with no limits
No sign-up, no watermarks and no cap on how many times you can use it.
Instant results
There is no upload or queue to wait for, so results appear as fast as your device can work.
Works on any device
Runs in any modern browser on phone, tablet or desktop. Nothing to install.
Frequently asked questions
- Why is favicon.ico not just one image?
- Because it is a container. A browser reads the file and picks the size closest to what it needs — 16 px for the tab, 32 px on a bookmark bar, 48 px for a Windows shortcut. If only one large image is inside, the browser shrinks it itself, and browsers are bad at that: fine lines and small text turn to mush at 16 px. Each size here is drawn separately from your original.
- Do I still need favicon.ico if I have PNGs?
- Yes, and it costs nothing to include. Browsers still ask for /favicon.ico by name even when no tag points at it, and some older ones read nothing else. The PNGs cover modern browsers, the iPhone home screen and Android's install prompt — which is why all of them are in the zip.
- Should the background be transparent?
- For the tab icon, usually yes: it then sits properly on both light and dark browser themes. The exception is the iPhone home-screen icon, which Apple composites onto black — so that one is given a solid background automatically even when you pick transparent, because a dark logo on black is invisible.
- Can I use an SVG?
- Yes, and it gives the best result. The SVG is drawn fresh at each size rather than rasterised once and scaled, so the 16 px icon is a real 16 px rendering. Everything works in your browser, so the SVG never leaves your device.
- Where do the files go?
- All of them in the root folder of your site — the same level as index.html — so they are reachable at /favicon.ico and /apple-touch-icon.png. Then paste the three lines from the zip's how-to-use.txt into the head section of your pages. If the old icon sticks around, that is the browser's cache; a hard refresh usually clears it.