Favicon Generator
Create every icon your website needs from one image or a couple of letters: the classic favicon.ico for browser tabs, the Apple touch icon for iPhones, and Android icons, plus the HTML to paste into your page.
Free · No sign-up · Files stay on your device
How to use Favicon Generator
- 1Upload a square image or logo, or switch to "Text" and type one or two letters.
- 2Check the previews at real favicon sizes.
- 3Download the ZIP with favicon.ico and all PNG sizes.
- 4Paste the HTML snippet into the <head> of your site.
Features
- favicon.ico with 16, 32 and 48 px sizes
- Apple touch icon and Android icons
- Create from an image or from text
- Live previews at real sizes
- HTML snippet included
Which favicon files do I need?
favicon.ico (16 and 32 px inside) for browser tabs and bookmarks, apple-touch-icon.png (180 px) for iPhone and iPad home screens, and 192 px and 512 px PNGs for Android and installable web apps. This generator creates all of them.
Designing a favicon that works
At 16 pixels, detail disappears. Use a simple shape, a single bold letter or your logo mark without text, with strong contrast. Check the 16 px preview: if you can recognise it there, it will work everywhere.
Frequently asked questions
What image should I upload?
A square image at least 512×512 pixels works best. Non-square images are centred on a square canvas.
Where do I put favicon.ico?
In the root of your website, for example example.com/favicon.ico, and add the HTML snippet to every page's <head>.
Why doesn't my new favicon show up?
Browsers cache favicons aggressively. Open the site in a private window or clear your cache to see the new icon.