Free Favicon Generator
Make a favicon from one or two letters, an emoji or your own logo, choosing colours and a square, rounded or circle shape. The icon is drawn in your browser at every size browsers and phones ask for. Download the PNG files and a favicon.ico, then paste the supplied link tags into your site's head.
| File | Used for |
|---|---|
| 16 and 32 px PNG | Browser tabs |
| 48 px PNG | Search results (Google asks for a multiple of 48 px) |
| 180 px PNG | Apple touch icon on iPhone and iPad home screens |
| 192 and 512 px PNG | Android home screens and web app manifests |
| favicon.ico | Holds the 16, 32 and 48 px images in one file |
Updated
Make the little icon that shows in browser tabs, bookmarks and phone home screens. Start from a letter or two, an emoji, or your own logo, then download every size you need plus a favicon.ico and the HTML to paste. Your image never leaves your browser.
How it works
- Choose text, emoji or image. For text and emoji, pick the colours and shape (square, rounded or circle).
- The icon is drawn on a canvas in your browser and resized to 16, 32, 48, 180, 192 and 512 pixels.
- Download each PNG, or the favicon.ico (which holds the 16, 32 and 48 pixel versions in one file), then paste the link tags into your site's head.
Tips
- Keep it simple: at 16 pixels, one or two bold letters read far better than a full logo.
- Use strong contrast between the letter and the background so it shows on light and dark browser tabs.
- Upload a square image. Wide logos are fitted inside the square with space around them.
- Put the files in your site's root folder so /favicon.ico works even without link tags.
- Browsers cache favicons hard. If you do not see the new one, open the site in a private window.
Frequently asked questions
What sizes do I need for a favicon?
16x16 and 32x32 for browser tabs, 48x48 for Windows, 180x180 for the Apple touch icon, and 192x192 and 512x512 for Android and web app manifests. This tool makes all of them.
Do I still need a favicon.ico file?
Modern browsers use the PNG files from your link tags, but some tools and older browsers still ask for /favicon.ico. Including one is cheap insurance, so the tool builds one for you.
Is my uploaded logo sent to a server?
No. The image is read and resized by your own browser. Nothing is uploaded.
Can I use an emoji as a favicon?
Yes. Pick emoji mode and type or paste one. Emoji look slightly different on each operating system, so the downloaded PNG is drawn with the emoji font on your device.
Where do I put the link tags?
Inside the <head> of every page, usually in your site's layout or header template. Website builders usually have a favicon upload field instead.
Related: Color contrast checker, Open Graph preview, Meta tag generator.
See how the We.Inc AI website builder works. The free plan gives you up to 3 template sites on a we.inc address, with no AI and no custom domain. AI building starts at $20 a month.
More in Free Tools
- File Size Converter (KB, MB, GB) and Page Weight Calculator
- Font Pairing Tool
- Hourly Rate Calculator for Freelancers and Trades
- Game Name Generator
- GDPR Compliance Statement Generator
- Gift Certificate Maker: Printable, With a Unique Code
- Glassmorphism CSS Generator
- Google Review Link & QR Code Generator
More free design tools
- Favicon sizes and HTML code
- Logo size for header, favicon and social
- Change your favicon on any builder
Product
Who It's For
- For Agencies
- For Freelancers
- For Hosting Providers
- For SaaS Platforms
- For Startups
- For Financial Services
- For Healthcare
Features
Resources
- Blog
- Help Center
- Free Business Tools
- Free UI Components
- Website Templates
- Template Collections
- Website Examples
- Guides
- Comparisons
- Alternatives
- Best Lists
- Reviews
- Pricing Guides
- Use Cases
- Glossary & Guides
- Integrations
- Developers
- Benchmark
- Windows App