Favicon Generator
Create a complete favicon set (16×16, 32×32, 48×48, 180×180 Apple touch icon) from text (with custom font and color) or an uploaded image. Download as a ZIP with the HTML snippet.
1-2 characters recommended. Emojis work great!
HTML to add to <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="192x192" href="/favicon-192x192.png"> <link rel="apple-touch-icon" sizes="512x512" href="/favicon-512x512.png">
Frequently Asked Questions
What favicon sizes do I need?
The essential set: 16×16 (browser tab), 32×32 (browser shortcut), 48×48 (Windows taskbar), 192×192 (Android home screen), 512×512 (PWA splash screen). For Apple devices: 180×180 (apple-touch-icon). Download all and place them in your /public folder.
Do I still need an .ico file?
The .ico format (which contains multiple sizes in one file) was once required for browser tab icons. Today, PNG favicons are supported by all modern browsers. You only need .ico for legacy IE11 support. If you need .ico, use a separate converter tool to wrap your 16×16 and 32×32 PNGs.
What size should I design for?
Design at 512×512 — this gives you the most detail and scales down cleanly. Keep it simple: favicons are tiny, so complex logos become unrecognizable. Single letters, simple icons, or emoji work best. Avoid thin lines or small text.