Skip to main content

Favicon Generator

Upload one image. Get back the whole set: a real multi-size favicon.ico, the PNGs, an Apple touch icon, a web manifest, and the HTML to paste. No account, no watermark, nothing stored.

Drop a square PNG here, or choose one. 512×512 or larger works best.

#ffffff

iOS ignores transparency and composites onto black, so this one gets a solid background.

Shipped untouched as favicon.svg. Never rasterised, and refused outright if it contains anything unsafe.

Three ways a favicon quietly fails

None of these throw an error. None appear in a build log or in Search Console. They just make your site look slightly less real than the nine results around it.

yoursite.com
The dark logoA charcoal mark on a dark tab bar. Invisible to every dark-mode user, and that’s most of them now.
yoursite.com
The 404A tag pointing at a file that moved. You get the blank glyph, and nothing anywhere tells you.
yoursite.com
The wrong sizesizes="32x32" on a 16px file. The browser believes the tag, picks it, and upscales.

What you get

  • favicon.ico — 16, 32 and 48 packed into one file
  • favicon-32.png — the size that renders in a modern tab
  • apple-touch-icon.png — 180×180, flattened for iOS
  • icon-192.png, icon-512.png — for the manifest
  • site.webmanifest — delete it if the site isn’t installable
  • favicon.svg — your own SVG, untouched, if you add one
  • snippet.html — the link tags, ready to paste

Common questions

favicon.ico packing 16, 32 and 48 pixel versions, a 32×32 PNG, a 180×180 Apple touch icon, 192 and 512 pixel PNGs for the web manifest, the manifest itself, your own favicon.svg if you supplied one, and a snippet.html with the exact link tags to paste into your head.

Square, and at least 512×512. Everything is generated by downscaling, so a smaller source means the 512 icon gets upscaled and looks soft. Non-square images are centre-cropped to the shortest edge and you get a warning.

iOS ignores transparency on home-screen icons and composites them onto black. A transparent logo becomes a dark smear. Flattening onto a colour you choose avoids that, and it only affects that one file.

Yes, in the optional SVG field. It ships in the ZIP as favicon.svg exactly as you uploaded it and is never rasterised, so nothing here parses it as an image. It is checked first and refused outright if it contains a script, an event handler, an entity declaration or a reference to anything outside the file. The main image still needs to be a raster (PNG, JPEG or WebP) because the icon set is built by downscaling it.

Already have icons?

Check what your site actually serves, and whether the declared sizes match the real ones.

Favicon Checker

Why the sizes disagree

MDN says 16×16, Google says bigger than 48×48. Both are right, for different surfaces.

Favicon size in 2026