Favicon generator
Turn a logo, letters or an emoji into every icon file your website needs, in one download.
Idle
Ready when you are
Processed on this device. Nothing is uploaded.
The center of your image is used.
Preview
Your icon in a browser tab, on a phone home screen, and at 16, 32, 48, 180 and 512 pixels.
Light
Dark
Home screen
- 16
- 32
- 48
- 180
- 512
Real sizes
Choose an image to see your icon.
Add this to your site
Put the files from the ZIP in your site root. Then paste this code in your <head>.
Your code will show here.Related tools
- Favicon from textMake a favicon from one to three letters.
- Favicon from emojiTurn one emoji into a website icon, with an SVG too.
- PNG to ICOMulti-size .ico files for Windows and old browsers.
- Image converterConvert images to JPG, PNG or WebP in your browser.
- Image compressorAny size limit, or a quality slider.
How to use the favicon generator
- Choose a square logo or picture. Use the zoom slider and padding to fit it.
- Check the preview in the browser tab and on the phone home screen.
- Download the ZIP, or copy the HTML snippet and add it to your site.
What this favicon generator makes
A favicon is the small icon shown in a browser tab, in bookmarks and on a phone home screen. One image is not enough for all of these places, so this favicon generator makes a full set from your picture.
The ZIP file contains the files below. A README.txt inside the ZIP repeats the HTML snippet, and the snippet is also shown on the page with a Copy button.
| File | Used for |
|---|---|
| favicon.ico (16, 32, 48) | Browser tabs, and older browsers |
| favicon-16x16.png, favicon-32x32.png | Browser tabs and bookmarks |
| apple-touch-icon.png (180) | iPhone and iPad home screens |
| android-chrome-192x192.png, android-chrome-512x512.png | Android home screens |
| site.webmanifest | Lists the Android icons for your site |
Choose the right favicon tool
Start from the kind of source you have. The text and emoji tools give you the same full set as this page, and only emoji icons add an SVG file. PNG to ICO makes just the one .ico file.
| Tool | Start from |
|---|---|
| Favicon from text | One to three letters, such as your initials |
| Favicon from emoji | One emoji from your keyboard |
| PNG to ICO | A PNG you already have, saved as a .ico file |
Get a clear result from a logo
Icons are tiny, so a detailed logo turns into a blur at 16 pixels. Pick a logo with one simple shape. The tool crops the middle square of your image, so move the zoom slider until the main shape fills the frame.
Add a little padding if the shape touches the edge. Choose a background color for a logo with a clear background, or keep it transparent. Then look at the real-size previews, not only the large one.
Tips
- Start from a square image at least 512 pixels wide, so the large sizes stay sharp.
- If you already have a PNG and only need a .ico file, use PNG to ICO.
Frequently asked questions
What size should my favicon image be?
Use a square picture, and the bigger the better. The tool makes the small sizes for you. A starting image of 512 by 512 pixels or more gives the sharpest result.
Is my logo uploaded to a server?
No. The icons are drawn by your browser, so your logo never leaves your device. Nothing is sent to us or to any other service.
How do I add the favicon to my website?
Unzip the files and put them in the main folder of your site. Then copy the HTML snippet into the head section of your pages. The README.txt in the ZIP has the same snippet.
Why does my old favicon still show?
Browsers keep favicons in a cache for a long time. Close the tab and open the site again, or clear the browser data. You can also rename the file and update the link.
Do I still need a favicon.ico file?
It is a safe choice, because many tools and older browsers look for it. Most current browsers also accept PNG icons, so the ZIP gives you both.
Last updated