Skip to main content
Home Tools Favicon Generator
📈 Web & SEO ✅ 100% Free ⚡ Instant

Favicon Generator

Create favicons from text, emoji, or initials using your browser's Canvas API. Preview all sizes instantly and download as PNG. No uploads, no server — everything runs in your browser.

Background Color
Text Color
Border Radius
20%
Font Size
60%
Shape:
Font
Preview
Favicon ready to download.
<link rel="icon" href="/favicon-32.png" sizes="32x32">
<link rel="icon" href="/favicon-192.png" sizes="192x192">
<link rel="apple-touch-icon" href="/favicon-192.png">
📖 Favicon Sizes
16×16Browser tab
32×32Standard favicon
48×48Windows taskbar
64×64High-DPI displays
128×128Chrome Web Store
192×192PWA / Android

What is a Favicon?

A favicon (short for "favorites icon") is the small icon displayed in browser tabs, bookmarks, and the address bar to identify a website. Modern websites need favicons in multiple sizes: 16×16 and 32×32 for browser tabs, 48×48 for Windows taskbars, 192×192 for Android PWA icons, and 180×180 for Apple touch icons. The traditional ICO format has largely been replaced by PNG files with explicit size declarations in the HTML <link> tag.

Frequently Asked Questions

Use PNG for modern browsers. The old .ico format is still supported but no longer necessary. Declare multiple sizes in your HTML: <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">. For Safari iOS, add <link rel="apple-touch-icon" href="/apple-touch-icon.png"> with a 180×180 image.
Browsers aggressively cache favicons. To force a refresh: hard reload (Ctrl+Shift+R), clear browser cache, or append a query string to the favicon URL (href="/favicon.png?v=2"). In production, use a versioned filename when you update your favicon.
Not strictly required, but many tools and bots request /favicon.ico automatically without reading your HTML. Having an ICO file at the root prevents 404 errors in server logs. You can redirect it to your PNG, or generate a true .ico with multiple embedded sizes using an icon editor.
Copied!