Favicon Generator
Create a simple favicon from text or emoji. Download as 32×32 PNG for your website.
20px
Preview
Actual 32px
About this calculator
Make a favicon from text or an emoji: pick the background and text colours and a shape (square, rounded or circle), then download it as a 32×32 PNG.
Quick and good enough for a new site or side project.
How to use it
- Enter text or an emoji.
- Choose colours and shape.
- Press Download PNG.
Favicon basics
Browsers show a favicon in the tab. Provide a favicon.ico or PNG, plus a 180×180 apple-touch-icon for iOS. Declare it in the head: <link rel="icon" href="/favicon.png">. Keep the design simple, since it appears at 16×16.
Worked example
Sizes
| 16×16 / 32×32 | Browser tab |
| 180×180 | Apple touch icon |
| 192×192 / 512×512 | Android and PWA |
Tips and common mistakes
- One letter or emoji reads best at 16px.
- Use high contrast.
- Provide a larger PNG for mobile.
- Clear the browser cache after changing it.
- Match your brand colour.
Frequently asked questions
What is a favicon?
The small icon in the browser tab.
What size should it be?
32×32 minimum; larger for mobile.
PNG or ICO?
Modern browsers accept PNG.
How do I add it?
Link it in the head of your pages.
Why doesn't it update?
Browsers cache favicons aggressively.
Is it free?
Yes.