Favicon generator
Upload your logo or type a few letters and get the complete package: favicon.ico, PNG icons for the web, iPhone, and Android, a web manifest, and the HTML code to paste.
Drag your logo or image hereTap to choose your file
or click to choose · paste with Ctrl+VPNG, JPG, SVG, WebP, GIF, AVIF, HEIC, and more · up to 50 MB
Processed on your device: nothing is uploaded
Your favicon
How it will look
Your site’s home page
This is how the favicon will look next to the link in search results.
“Fit” shows the whole image; “Fill” crops it to fill the entire square.
One or two letters work best, like your initials.
Enter at least one letter.
Enter a color like #2447f5 or #24f.
Paste or type an emoji. On Windows: Windows key + period. On Mac: Control + Command + Space.
Type or paste an emoji.
Enter a color like #2447f5 or #24f.
Used in the web manifest (site.webmanifest) and in the preview. If you leave it empty, the manifest has no name.
Advanced options
Enter a color like #2447f5 or #24f.
Android crops web app icons into a circle or other shapes. The maskable version fills the whole canvas and keeps the design inside the safe zone.
Everything is generated on your device. A favicon looks better with simple shapes: at 16 pixels there is no room for detail.
Done: your favicon package
Code for your site
Upload the files to the root folder of your site and paste this code inside the head tag of your pages.
How to use it
- Choose where your favicon comes from: an image or SVG, a few letters, or an emoji.
- Adjust the background, the shape (square, rounded, or circle), and the margin while you see how it looks in a browser tab, on an iPhone, and on Android.
- Select “Generate and download ZIP”. You get all the files and the instructions.
- Upload the files to the root folder of your site and paste the code shown in the result inside the head tag of your pages.
Frequently asked questions
Are my images uploaded to a server?
No. The favicon is drawn and packaged inside your browser, on your own device. Your logo never leaves it.
What files does the ZIP include?
favicon.ico (with 16, 32, and 48 px), favicon-16x16.png, favicon-32x32.png, favicon-96x96.png, apple-touch-icon.png (180 px), android-chrome-192x192.png, and android-chrome-512x512.png, the maskable Android icons if you turn them on, site.webmanifest, favicon.svg when possible, and an instructions file with the HTML code.
How big should my image be?
The ideal is a square image of 512 × 512 px or larger, or an SVG. With a smaller image the large icons look blurry. If it is not square, it is fitted inside the square or, if you prefer, cropped to fill it.
Can I use an emoji or a few letters as a favicon?
Yes. Type one or two letters (for example, your initials) or paste an emoji, choose a background color, and you are done. The emoji is drawn with your device’s fonts, so its look can vary between systems.
What is the maskable icon for Android?
Android crops web app icons into different shapes (circle, rounded square). The maskable version fills the whole canvas and keeps your design inside a safe zone so it does not get cut off. It is optional and you turn it on in the advanced options.
I added the new favicon and it does not change. What do I do?
Browsers keep the favicon for a long time. Try a private window, clear the cache, or open the file’s address directly (for example, yoursite.com/favicon.ico) and reload with Ctrl + F5.
What a website needs today
- favicon.ico in the root: search engines, feed readers, and older browsers ask for it.
- 32 and 16 px PNGs: the browser tab on standard and high-density screens.
- apple-touch-icon at 180 px: the icon that appears when someone saves your site to the iPhone home screen.
- 192 and 512 px icons with a web manifest: for Android and for installing your site as an app.
- An SVG: sharp at any size, and it can support dark mode if you design it for that.
Tips for a favicon that reads at 16 pixels
At that size there is no room for detail. Use a simple shape, colors with good contrast, and, if you start from a logo with text, keep only the symbol or the initials. Leave a small margin: the larger the shape inside the square, the easier it is to tell apart in the tab.
Google recommends that the favicon be a multiple of 48 pixels and that it can be crawled from your home page. The package includes the .ico with 48 px and the 96 px PNG for that reason.
Updated on September 29, 2026