Design Tools
Favicon Generator
Create PNG favicons from text initials. All sizes (16/32/48/192/512) for modern browsers, PWA, and Android.
Preview at all sizes
16×16
32×32
48×48
192×192
512×512
How to use in HTML
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png"> <link rel="apple-touch-icon" sizes="192x192" href="/favicon-192.png">
A favicon in 30 seconds
Type 1-2 letters, pick a background and text color, choose round or square. We render it on canvas at 5 standard sizes and export each as a PNG you can drop straight into your project. No upload, no signup, no watermark.
Frequently Asked Questions
What sizes do I need?▾
Modern browsers need 16x16 (browser tab), 32x32 (desktop), 48x48 (Windows shortcut), 192x192 (Android home screen), and 512x512 (PWA splash). We export all of these as PNG so you can drop them into your /public folder.
How do I add a favicon to my site?▾
Save the PNGs to your /public folder, then add link tags in your HTML <head>: <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">. Modern frameworks (Next.js, Astro) usually handle this automatically — just put the files in /public.
What about an .ico file?▾
PNG works in all modern browsers. The legacy .ico format is only needed for very old IE versions. We focus on modern PNG output. If you really need .ico, online converters can wrap a 16x16 PNG into .ico in one step.
Why initials instead of an image?▾
Initials are recognizable at 16x16 (where logos turn to mush) and require zero design tools. Pick a strong color contrast, 1-2 characters max, and a solid shape — that's what apps like Google, Notion, and Linear use as fallback avatars.
Can I use this for an app icon?▾
Yes — the 192x192 and 512x512 outputs work as PWA app icons. For native iOS/Android apps, you need additional sizes (Apple touch icon 180x180, etc.). We may add those — open a request.