Favicon Generator
Drop a square image (512×512 or larger works best) to generate a complete favicon set.
Drop images here or browse
JPG, PNG, WEBP
Your files stay in your browser. Nothing is uploaded.
Drop a square image (512×512 or larger works best) to generate a complete favicon set.
How to make a favicon from an image
- Drop a square image in — 512×512 or larger gives the cleanest result.
- Download the ZIP with the .ico, every PNG size, and the web manifest.
- Copy the HTML snippet into your page's
<head>and upload the files to your site root.
A complete favicon set from one image
A favicon isn't a single file any more. Browsers want a classic favicon.ico, modern ones prefer crisp PNGs, iOS looks for an apple-touch-icon when someone adds your site to their home screen, and Android reads icons from a web manifest. This generator takes one image and produces all of it — correctly sized, correctly named, ready to drop in.
A real .ico, not just a renamed PNG
The favicon.ico here is a genuine multi-resolution icon file containing the 16, 32 and 48px versions — the format older browsers and Windows actually expect. The square sizes are produced cleanly from your source, so the tab icon looks sharp rather than smudged.
Where everything goes
Put every file from the ZIP in the root folder of your site, then paste the included <head> snippet into your HTML. The site.webmanifest wires up the Android icons; the apple-touch-icon is picked up automatically by iOS. No build step, no dependencies.
Private by design
Everything is generated on your own device — your image is never uploaded, so nothing is stored or seen by anyone. No account, no watermark, no limits.
Next steps
Frequently asked questions
- What's in the favicon package?
- A favicon.ico (containing 16, 32 and 48px versions), standalone PNGs at 16 and 32px, an apple-touch-icon at 180px, Android icons at 192 and 512px, a site.webmanifest, and an HTML snippet to paste into your <head>. That covers browsers, iOS home screens and Android.
- Why do I need so many sizes?
- Different places use different icons: browser tabs and bookmarks use the .ico and small PNGs, iOS uses the 180px apple-touch-icon when you add a site to the home screen, and Android pulls the 192/512px icons from the web manifest. One image generates them all.
- Where do I put the files?
- Drop every file from the ZIP into the root of your website (the same folder as your homepage), then paste the included HTML snippet into the <head> of your pages. That's it.
- What image should I upload?
- A square image works best — 512×512 or larger. Non-square images are cropped to a centred square. Keep the design simple and bold; fine detail disappears at 16px.
- Is a real favicon.ico generated?
- Yes — a true multi-resolution .ico file with the 16, 32 and 48px icons inside, which is what older browsers and Windows expect. It's built right in your browser; nothing is uploaded.