Free Favicon Generator
Something not working? Report a problem
About the Favicon Generator
Turn any image into a favicon — download a multi-size .ico plus PNG icons for browsers, iOS and Android, all generated in your browser.
How to use the Favicon Generator
- 1Drop in a square image or logo, paste one, or click to browse — JPG, PNG, WebP and HEIC all work.
- 2Add padding if your logo sits tight to its edges, and pick a background if you don't want transparency.
- 3Copy the ready-made <head> snippet straight into your site.
- 4Download the multi-size favicon.ico, or the ZIP with every PNG, the web manifest and the snippet.
Frequently asked questions
Is this favicon generator free?
Yes — completely free with no sign-up and no watermark.
Are my images uploaded anywhere?
No. The icons are generated entirely in your browser — your image never leaves your device.
What do I get?
A multi-size favicon.ico containing 16, 32 and 48 pixel icons; standalone PNGs at 16, 32, 48, 64, 128, 192, 256 and 512 pixels; an apple-touch-icon.png at 180; a site.webmanifest wired to the Android sizes; and the <head> snippet that ties them all together.
How do I add the favicon to my website?
Copy the snippet shown next to the preview into your page's <head>, then put the files from the ZIP in your site's root folder. The filenames in the ZIP already match what the snippet and the manifest reference, so nothing needs renaming.
Why does the Apple touch icon have a solid background?
Because iOS doesn't support transparency in it — a transparent apple-touch-icon renders as a black tile on the home screen. That one size is always flattened onto a colour, using your chosen background or white if you've kept the rest transparent.
Will a small favicon look blurry?
It shouldn't. Shrinking a large logo straight down to 16 pixels in one step loses thin strokes and makes edges ragged, so the tool halves the image repeatedly until it's close to the target size and only then does the final step. That keeps the 16 and 32 pixel icons — the ones your browser tab actually shows — as crisp as they can be.
Should my image be square?
Ideally yes. If it isn't, the tool takes a centred square crop so the icon isn't stretched. Adding a little padding often helps too, since a logo that touches the edges can look cramped at 16 pixels.