Live
No signup
Favicon Generator
Full production-ready pack.
Generate from
Generated sizes
Configure your favicon above.
HTML <head>
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" /> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" /> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" /> <link rel="icon" type="image/png" sizes="192x192" href="/android-chrome-192x192.png" /> <link rel="icon" type="image/png" sizes="512x512" href="/android-chrome-512x512.png" /> <link rel="manifest" href="/site.webmanifest" />
How this tool works
Favicon is no longer just the 16×16 icon in your browser tab. In 2026 you need 13+ different sizes: 16/32 (tabs), 48/64 (Windows desktop), 128 (Chrome web store), 180 (apple-touch-icon iPhone), 192/512 (PWA on Android), 256/512 (manifest.json).
This generator takes your image or text + color and generates all sizes as PNG + HTML snippet for
+ manifest.json. Works 100% in browser with canvas API. Supports both brand logos and initial text (generates a square with the first letter of your text).Frequently asked questions
- Do I need all 13 sizes?
- Minimum: favicon-32x32.png + apple-touch-icon-180x180.png + favicon-192x192.png. That covers 95% of devices. Rest are nice-to-have.
- What about classic .ico?
- Historically Internet Explorer required .ico (multi-size in single file). Today all browsers support PNG directly. You only need .ico if your audience includes IE11 (rare).
- What's manifest.json for?
- For PWA (Progressive Web App) — lets your site be 'installable' on mobile like an app. You need manifest + 192/512 PNG + HTTPS + service worker.
- How much does it all weigh?
- Full pack (13 PNGs) weighs 30-100 KB total. No perceptible loading impact. Browsers only download the favicon they need based on context.