A favicon is the small icon shown in browser tabs, bookmarks and phone home screens. This favicon generator turns your logo, a single letter or an emoji into ready-to-use icon files, and you choose the exact size and format you want. Download each size as a PNG, download the smaller sizes as an ICO, or grab a classic multi-size favicon.ico. Everything runs inside your browser, so your image stays on your device.
Related Tools
Table of Contents
Key Takeaways
- Six sizes are created: 16, 32, 48, 180, 192 and 512 pixels.
- Every size can be downloaded as a PNG. Sizes up to 192 px can also be downloaded as a separate ICO file.
- A combined
favicon.icothat holds the 16, 32 and 48 px icons in one file is also available. - The 512 px icon is PNG only, because the ICO format supports images up to 256 px.
- You can start from a PNG, JPG, WebP or SVG image, or from one or two characters of text or an emoji.
- Your image is processed in your browser and is not uploaded by the tool.
What Is a Favicon and Where Does It Appear?
The word favicon comes from "favorites icon". Early browsers showed it next to bookmarked pages, and the name remained. Today the same small image can appear in the browser tab, the bookmarks bar, the history list, the home screen shortcut on a phone and, depending on the search engine, next to your listing in search results.
A favicon is not a magic ranking switch. Its job is recognition. When someone has many tabs open, a clear icon helps them find your site in a second. A missing icon leaves a generic placeholder, which can make a new site look unfinished.
Search engines publish their own rules for icons in results. Google explains its current requirements in the Google Search Central favicon guidelines. These rules can change, and whether an icon is shown for your site is decided by the search engine, not by any tool.
What This Favicon Generator Creates
Each icon below is created from the same design, so your tab icon, phone icon and site icon always match. The "typical use" column describes common practice, so confirm the requirements of any platform you publish on.
| Size | PNG download | ICO download | Typical use |
|---|---|---|---|
| 16 × 16 px | Yes | Yes | Standard browser tab icon |
| 32 × 32 px | Yes | Yes | Sharper tab icon on high-density screens |
| 48 × 48 px | Yes | Yes | Desktop shortcuts and search result use |
| 180 × 180 px | Yes | Yes | Apple Touch Icon for iPhone and iPad |
| 192 × 192 px | Yes | Yes | Android home screen icon |
| 512 × 512 px | Yes | No (ICO limit is 256 px) | Large site icon, including WordPress |
| 16, 32 and 48 px together | No | Yes, one file | Classic favicon.ico for a site root |
Most websites only need a few of these files. The sections below explain which ones to pick.
How to Make a Favicon Step by Step
Option 1: From an Image or Logo
- Choose From image in the left panel.
- Tap the drop area or drag a file onto it. PNG, JPG, WebP and SVG files up to 15 MB are accepted.
- If the logo has a plain white background, tick Remove white background and adjust the strength slider.
- Tick Trim empty space if the file has wide margins. A tight crop makes the logo bigger inside a tiny icon.
- Pick a shape, set the padding and choose a transparent or solid background.
- Check the live preview, then download the sizes and formats you need.
Option 2: Text to Favicon or Emoji Favicon
No logo yet? You can make a text favicon or an emoji favicon instead. Switch to From text or emoji, type one or two characters, pick a bold sans, serif or monospace style, and choose the text and background colours. A single initial on a solid colour is a quick, readable option for a new blog, a side project or a staging site.
Emoji are drawn with the emoji font on your own device, so the same emoji can look different on another system. Once you download the file, the image is fixed.
PNG or ICO: Which Format Should You Use?
Both formats can hold a small transparent image, and both are produced here from the same design. The difference is how they are used.
| Point | PNG | ICO |
|---|---|---|
| Images per file | One | One or several sizes in one file |
| Maximum size in this tool | 512 px | 256 px (format limit) |
| Declared with a link tag | Yes | Yes |
| Common name | favicon-32x32.png | favicon.ico |
| Best for | Modern browsers, Apple and Android icons, WordPress | Site root fallback and tools that expect an .ico file |
If you came here searching for a PNG to ICO converter, an image to ICO tool or a favicon.ico generator, the process is the same as above: upload your image, review the preview and press Download ICO on the size you want, or use the combined favicon.ico card. The ICO files from this tool store each size as a PNG image inside the ICO container. This is supported by current browsers and current versions of Windows, but very old software may not read it.
The Apple Touch Icon always has a solid background. iPhones fill transparent areas with black, so this file uses your chosen background colour, or white if your background is transparent.
Features That Help Your Icon Look Right
White Background Removal
Many logos come with a white rectangle behind them. The background remover starts at the image edges and deletes only white pixels connected to those edges, so white inside the logo, such as the counter of a letter, is kept. It works best on a plain white background. Photos, gradients and light-grey backgrounds do not clean up well, and the tool does not cut out complex subjects.
Trim, Padding and Shape
Trimming removes empty borders. Padding adds a controlled margin from 0 to 40 percent so the logo does not touch the edge. You can choose a square, rounded or circular shape. Circles look neat, but a detailed logo can lose its corners, so always check the preview.
Light and Dark Tab Preview
The preview shows the 32 px icon on a light tab and a dark tab, plus iPhone-style and Android-style home screen icons. A dark logo on a transparent background can vanish on a dark tab, so look at both before you download.
Which Size Should You Download?
| Your situation | Suggested files |
|---|---|
| Standard website with a link tag | favicon-32x32.png, favicon-16x16.png, apple-touch-icon.png |
| You want a root-level favicon.ico | The combined favicon.ico (16, 32 and 48 px) |
| WordPress site icon field | android-chrome-512x512.png |
| Android home screen shortcut | android-chrome-192x192.png |
| A tool that asks for one specific ICO size | The single-size ICO for that size |
How to Add a Favicon to Your Website
Upload the files to the root folder of your site, the same place as your homepage. Then add these lines inside the <head> section:
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">On WordPress you can usually skip the code. Open Appearance, then Customize, then Site Identity, and upload the 512 × 512 PNG as your Site Icon. Other platforms such as Shopify, Wix, Squarespace and Webflow have their own icon fields. Menu names change over time, so check their help pages.
Browsers cache favicons for a long time. If you replace an icon and still see the old one, do a hard refresh or open the site in a private window. Search results can take longer to update, and that timing is controlled by the search engine.
Design Tips for a Favicon That Stays Readable
- Use one idea. A letter, a symbol or a simplified logo mark works. A full logo with a company name does not.
- Keep strong contrast. Test the icon on light and dark tabs.
- Start large. The tool warns you when the shorter side of your image is under 512 px, because bigger icons may look soft. An SVG source scales cleanly.
- Do not stretch. Non-square images are fitted inside the icon without distortion.
- Match your brand colours. Visitors then connect the tab with your site.
Which Source Works Best? (Estimated Guide)
This guide is based on how the tool processes images. Results depend on your file, so treat the ratings as estimates, not guarantees.
| Source type | Expected result (estimate) | Notes |
|---|---|---|
| SVG logo | Very good | Scales cleanly to every size |
| Transparent PNG, 512 px or larger | Very good | No cleanup needed |
| Logo on a plain white background | Good | Use background removal |
| One or two letters, or an emoji | Good | Readable even at 16 px |
| Small image under 512 px | Fair | Larger icons may look soft |
| Photo or detailed illustration | Poor to fair | Fine detail disappears at small sizes |
File sizes also vary. As a rough estimate only, a 16 px icon is usually around a kilobyte or less, while a 512 px PNG can range from a few kilobytes for flat artwork to tens of kilobytes for detailed images. An ICO is slightly larger than the PNG inside it because of a small header. Your actual numbers will differ.
Privacy and Safe Use
This favicon generator runs in your browser and keeps working offline after the page has loaded. Your selected image is read and processed on your device, and the tool does not upload it. That is useful for an unreleased brand or a client logo you are not ready to share.
Please use only images and emoji you have the right to use. A favicon is a public file that anyone can download from your site. Do not convert a logo that belongs to another company, and do not imitate another brand's icon in a way that could mislead visitors. Emoji artwork is designed by platform vendors and their licence terms differ, so for a commercial brand consider a letter or your own artwork.
Common Problems and Fixes
| Problem | Likely cause | What to try |
|---|---|---|
| Old icon still showing | Browser cache | Hard refresh or a private window |
| Rough white edges after background removal | Light fringe around the logo | Change the strength slider or start from a transparent PNG |
| Logo looks tiny in the tab | Extra margin in the source | Turn on trim and lower the padding |
| No ICO button on the 512 px card | ICO supports up to 256 px | Use the PNG for 512 px |
| Image will not load | Unsupported format or over 15 MB | Use PNG, JPG, WebP or SVG under 15 MB |
Frequently Asked Questions
What is a favicon generator?
A favicon generator is an online tool that converts an image, text or emoji into the small icon files websites use for browser tabs, bookmarks and mobile home screens. This one creates PNG and ICO files.
What size should a favicon be?
There is no single size. Websites commonly use 16 × 16 and 32 × 32 pixels for browser tabs, 180 × 180 for Apple devices and 192 × 192 or 512 × 512 for Android and site icon fields. Google's guidelines mention square icons in multiples of 48 pixels, so the 48 and 192 px files are useful there. Check the current guidance before you publish.
Can I convert a PNG to an ICO file here?
Yes. Upload your PNG, JPG, WebP or SVG image, then press Download ICO on any size from 16 to 192 px, or use the combined favicon.ico card for 16, 32 and 48 px in one file.
Why is there no ICO download for 512 px?
The ICO format supports images up to 256 pixels, so the 512 px icon is available as a PNG only.
Does this tool upload my image?
No. The image is processed in your browser on your own device and is not sent to our server by the tool.
Can I use an emoji as a favicon?
Yes. Switch to the text or emoji mode and type the emoji. It is drawn with your device's emoji font, so the style depends on your system. Check licence terms before commercial use.
Will a favicon improve my SEO?
A favicon is not a known ranking factor on its own. It helps visitors recognise your site, and search engines may show it next to your results, but that is decided by the search engine.
Final Thoughts
A good favicon is simple, readable and consistent with your brand. With this favicon generator you can go from a logo, a letter or an emoji to PNG and ICO files in the exact sizes you need, preview them on light and dark tabs and download only what you will use. Start with the cleanest, largest source you have, check the 16 px preview first, then add the link tags to your site.
Disclaimer
This article and the tool are provided for general information. Icon size requirements, search engine display rules and platform settings change over time, so verify them in the official documentation before you publish. Ratings and file size figures marked as estimates are approximate and will vary with your files. We do not guarantee that a favicon will appear in search results or improve rankings. You are responsible for making sure you have the rights to any image, logo or emoji you convert and for how you use the generated icons.