Home Favicon
Favicon
readyType 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>
[01] 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
[02] 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.
[03] 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.
Common questions
Is Favicon Generator free to use?
Yes. The tool runs in your browser at no cost, with no signup required.
Where is the math performed?
Calculations run locally in your browser. Your inputs do not leave your device.
Are the rates and rules current?
We update sources when published rates change. For high-stakes decisions, verify against the official source linked on this page.