~/tools/Favicon Generator
2026·09·08
toolDeveloperfree

Favicon Generator

A complete icon set plus a real multi-resolution .ico file.

Türkçe: Favicon Oluşturucu

Drop an image here, or

A square PNG or SVG at 512px or larger works best.

Runs entirely in your browser. Nothing you paste is uploaded, logged, or stored.

How to use it

  1. Choose a square image, ideally 512px or larger.
  2. Set the app name for the manifest, plus background and padding.
  3. Generate the package.
  4. Download the ZIP and paste the HTML snippet into your <head>.

What you get

  • favicon.ico — a genuine multi-resolution ICO containing 16, 32, and 48px images.
  • favicon-16x16.png, favicon-32x32.png, favicon-48x48.png.
  • apple-touch-icon.png at 180 × 180 for iOS home screens.
  • android-chrome-192x192.png and 512x512.png for Android and PWA installs.
  • site.webmanifest with your app name and theme colour.
  • head-snippet.html with the link tags to paste in.

A real ICO, not a renamed PNG

Plenty of generators hand you a 32px PNG renamed to favicon.ico. That mostly works, because browsers sniff the content — but it isn't a valid ICO, and some tooling rejects it. This writes a proper ICONDIR header with three embedded sizes, so the browser can pick the right one for the context.

FAQ

Are my images uploaded to a server?
No. Every tool here decodes and re-encodes your file using your browser's own Canvas APIs. The image never leaves your device, which is also why it works offline once the page is loaded.
Do I still need favicon.ico if I have PNGs?
It's still worth including. Browsers request /favicon.ico by default when no link tag matches, and some feed readers and legacy tools only look for that path.
What source image works best?
A square image at 512px or larger, with a simple shape. Icons are rendered as small as 16px, where fine detail and thin text become unreadable mush — simplify before you shrink.

Other tools