Favicon Generator
Upload a logo and get every favicon size a modern site needs — 16, 32 and 48px PNGs for browsers, a 180px Apple touch icon, 192 and 512px PWA icons — plus a ready web manifest and the exact HTML for your head tag. All generated locally.
Drag & drop a file here, or click to choose
Modern favicons: PNG sizes over legacy .ico
Modern browsers take PNG favicons directly, so the practical set is: 32×32 as the standard tab icon (with 16×16 for legacy density), 180×180 as the Apple touch icon for iOS home screens, and 192/512px icons referenced from a web manifest for Android and PWA installs. The classic favicon.ico is no longer required — browsers that ask for it fall back gracefully, and Google's crawlers read the PNG links.
Design-wise, favicons are read at tiny sizes: use a bold, simple mark that survives 16×16, avoid thin lines and small text, and start from at least a 512px source so downscaling stays sharp. Everything here is generated on your device with the Canvas API — your logo is never uploaded.
How to use Favicon Generator
- 1Drop a square logo (at least 512×512px for crisp results).
- 2Preview all six generated sizes — non-square images are center-cropped automatically.
- 3Download the sizes individually or all at once with the manifest.
- 4Copy the HTML snippet into your site's <head> and place the files at your site root.
Frequently asked questions
Do I still need a favicon.ico file?
Generally no. Modern browsers use the PNG link tags, and the manifest covers Android/PWA. Legacy .ico only matters for very old browsers.
What source image works best?
A square image of 512×512px or larger with a bold, simple design. Non-square images are center-cropped; fine detail disappears at 16×16.
Where do the files go on my site?
Place them at the site root (or adjust the paths), paste the provided link tags into your <head>, and serve site.webmanifest alongside them.