Favicon Generator
Type a letter or emoji, pick colors, and get favicons in every size browsers and PWAs need. Or upload an image and resize. PNG output — paste the <link> tags into your <head>.
20%
HTML to paste in <head>
Which sizes do you actually need?
Browsers and platforms each have favorites. The full set covers everything; the minimum is the first three:
- 32×32 — favicon-32.png: standard browser tab
- 16×16 — favicon-16.png: small browser UI (legacy)
- 180×180 — apple-touch-icon.png: iOS home-screen
- 192×192 + 512×512: Android PWA install icon (referenced from manifest.json)
- 48×48: Windows tile / older Android
How modern browsers pick
Browsers read the <link rel="icon"> tags from your HTML and pick the closest match for the use case. If you ship 32×32 and 180×180, you cover ~99% of cases.
Tips
- Keep it bold. 16×16 is tiny — anything subtle disappears. One letter or one emoji works best.
- High contrast. Tab strips have varied background colors; aim for AA contrast against both white and dark themes.
- Don't use exact corner radius 0. Most platforms apply some rounding anyway.