Favicon Generator
7 sizes · 16px to 512px · Custom text, emoji, colours · Apple Touch Icon · PNG download · Free · No upload
Max 2 characters
Favicon size reference
| Size | File | Where it's used |
|---|---|---|
| 16×16 | favicon-16x16.png | Browser tab icon (legacy browsers, small screens) |
| 32×32 | favicon-32x32.png | Browser tab icon (standard, Retina tabs) |
| 48×48 | favicon-48x48.png | Windows .ico taskbar and desktop shortcuts |
| 64×64 | favicon-64x64.png | High-DPI taskbars, some email clients |
| 128×128 | favicon-128x128.png | Chrome Web Store, extension icons |
| 180×180 | apple-touch-icon.png | iOS Safari — Add to Home Screen button |
| 512×512 | favicon-512x512.png | PWA manifest icon, splash screens, Android |
Frequently Asked Questions
Do I need all 7 sizes?
For most websites, 32×32 (tab icon), 180×180 (Apple touch icon), and 512×512 (PWA manifest) cover all the important cases. If you are building a PWA or want the best cross-platform support, download all 7 sizes.
How do I add the favicon to my website?
Save the PNG files to your site's root or /public folder, then add the HTML snippet shown below the previews to your <head> section. For Next.js, place them in the /public directory and add the link tags to your layout file.
Can I use an emoji as a favicon?
Yes. Type any emoji into the text input — it renders at full quality at all sizes. Emoji favicons are popular for quick projects and side tools.
Does this generate a .ico file?
No — modern browsers support PNG favicons directly, and .ico files are no longer necessary. All major browsers (Chrome, Firefox, Safari, Edge) support PNG favicons. If you specifically need a .ico file, you can convert the 32×32 PNG using a dedicated ICO converter.
Is this free and private?
Yes on both counts. The favicon is generated entirely in your browser using the HTML5 Canvas API — nothing is uploaded or sent anywhere.