Generate favicons from text, emoji, or initials. Preview and download instantly.
How to Add a Favicon
Place the downloaded file in your project root and add to your HTML <head>:
<!-- PNG (modern browsers) -->
<link rel="icon" type="image/png" href="/favicon.png"/>
<!-- SVG (scalable, supports dark mode) -->
<link rel="icon" type="image/svg+xml" href="/favicon.svg"/>
<!-- ICO (legacy fallback) -->
<link rel="icon" href="/favicon.ico"/>
Recommended Sizes
- 16x16 β browser tab
- 32x32 β taskbar shortcut
- 180x180 β Apple touch icon
- 512x512 β PWA icon
This tool generates 64x64 which works well for most use cases. For Apple touch icons, use a larger source image.