Generate favicons
Drop in one logo and get the whole favicon set: the ICO file, all the PNG sizes, and the HTML to paste.
- Free
- Runs on your device
- No account
- No limits
How to generate favicons
- Drop your logo in the box above. Square works best, anything else is padded with transparency.
- Check the previews, especially the 16 pixel one. Simple shapes survive, fine detail doesn't.
- Download the zip and paste the HTML snippet into your page head.
What the favicon pack contains
The zip holds favicon.ico with 16, 32 and 48 pixel versions embedded, favicon-16x16.png and favicon-32x32.png, apple-touch-icon.png at 180 pixels, and icon-192.png plus icon-512.png for web manifests.
Each size is made from your original, so it stays as sharp as possible. If the 16 pixel one looks muddy, try a simpler logo.
Like everything on this site, this tool runs in your browser. Your image is never uploaded.
Common questions
Is the favicon tool free?
Yes, properly free. No paid tier, no trial, no watermark on the result and nothing to sign up for. Put as many files through it as you like, as often as you like.
Are my files uploaded to a server?
No. The favicon tool runs inside your browser, on your own machine, so your files never go anywhere. Big ones are fine too, up to whatever your browser can hold.
What sizes does a favicon need?
A browser tab uses 16 and 32 pixels, Windows shortcuts use 48, and 180 pixels covers the icon iOS saves to a home screen. All of them are generated here from one image, the small ones packed into a single favicon.ico and the rest as PNG files. Start from a square image of at least 256 pixels so nothing has to be enlarged.
Where do the favicon files go?
Put them in the root of your site, so the browser finds favicon.ico by itself even before it reads any of your HTML, then paste the snippet from this page into the head of your pages to point at the rest. If an old icon sticks around after you change it, that's your browser caching it, and a hard refresh clears it.
What people usually do next
- Round image corners or crop a circle Soft corners or a full circle, with transparent edges.
- Resize an image Exact pixels or quick percentages, with the shape locked.