Favicon Generator
Create a clean letter-based favicon with custom colors and shape, and download it at 16, 32 and 180px.
Create a favicon in seconds
The Favicon Generator makes a clean, professional favicon from one or two letters, with custom background and text colors and a square or circular shape. Preview it live and download it at the sizes browsers use — 16px, 32px, and 180px (Apple touch icon). It all runs in your browser.
What is a favicon?
A favicon is the small icon shown in browser tabs, bookmarks, and history next to your site's name. It's a tiny but important branding element — it helps users find your tab among many and makes your site look finished and trustworthy. A simple lettermark on a brand color is one of the most effective favicon styles, especially at tiny sizes where detail is lost.
How to use it
- Enter one or two letters (often your initials or brand initial).
- Choose a background and text color, and a shape.
- Download the favicon at the size you need.
Favicon sizes
| Size | Used for |
|---|---|
| 16×16 | Browser tabs and bookmarks |
| 32×32 | Higher-DPI tabs, taskbar |
| 180×180 | Apple touch icon (home screen) |
Adding it to your site
Place the downloaded PNG in your site and reference it in the <head> with a link tag, for example <link rel="icon" href="/favicon-32.png"> and <link rel="apple-touch-icon" href="/favicon-180.png">. Modern frameworks like Next.js can also generate favicons from a single source image automatically.
Design tips for tiny icons
- Keep it simple — one or two bold letters read best at 16px.
- Use high contrast between the letter and background.
- Match your brand color so the tab is instantly recognizable.
- Avoid fine detail that disappears at small sizes.
Private and free
Your favicon is generated entirely in your browser — nothing is uploaded. The tool is completely free with no sign-up and no watermarks.
Frequently asked questions
What sizes can I download?
16px and 32px for browser tabs, and 180px for the Apple touch icon used on home screens.
How do I add the favicon to my site?
Place the PNG in your site and reference it with a <link rel="icon"> tag in the <head>.
Is it free?
Yes, completely free with no sign-up and no watermarks, running entirely in your browser.
Can I use an emoji?
You can type up to two characters, which includes most emoji, to use as your favicon glyph.