Generate favicons from text, emoji, or initials. Preview and download instantly.
My Page Title
↑ Browser tab preview
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.