Favicon Generator
Upload one logo and download a ready-to-use favicon package. It includes a multi-size favicon.ico, PNG icons, an Apple touch icon, Android icons, a web manifest and the HTML code to paste into your site.
Your image is processed in your browser. It is not uploaded to our server.
What is Favicon Generator?
A favicon is the small icon shown in browser tabs, bookmarks and search results. Different browsers and devices ask for different files, so a complete favicon set has several: a multi-size favicon.ico, PNG icons at common sizes, a 180 pixel Apple touch icon for iPhone and iPad home screens, and 192 and 512 pixel icons with a web manifest for Android and installed web apps. This generator creates all of them from one image, lets you choose which files to include, shows how the icon looks at real tab sizes, and gives you the HTML code to add to your pages. Everything is processed in your browser, and you can download the files one by one or as a single ZIP.
Why use this tool?
- Creates a multi-size favicon.ico (16, 32 and 48 pixels), PNG icons, an Apple touch icon, Android icons and an optional maskable icon.
- Writes the site.webmanifest file and the HTML code for the files you choose.
- Shows how your icon looks at real tab sizes on light and dark backgrounds before you download.
- Download every file in one ZIP, or download them one at a time.
How to use Favicon Generator
- Step 1. Upload a square logo, ideally at least 512 pixels wide. An SVG gives the sharpest result.
- Step 2. Choose how the image fits the square, add padding if you want, and pick a background color for the icons that need one.
- Step 3. Check the preview at 16, 32, 48 and 64 pixels. If the icon is hard to recognize at 16 pixels, use a simpler image.
- Step 4. Choose the files to include and fill in your site name and theme color for the manifest.
- Step 5. Select Generate favicon package, then download the ZIP.
- Step 6. Upload the files to the root folder of your website and paste the HTML code into the head of every page.
Common use cases
Important notes
- The Apple touch icon and the maskable icon always get a solid background. iPhones fill transparent areas with black, and Android needs a full square to crop into a shape.
- Other icons stay transparent unless you turn on the background option for every icon.
- The maskable icon uses at least 20% padding so the artwork stays well inside the area Android can crop.
- A source that is not square is fitted inside the square by default. Choose fill the square to crop the edges instead.
- Browsers cache favicons for a long time. If the old icon still appears after you upload the new files, clear the cache or open the site in a private window.
- Your image is processed in your browser and is not uploaded to our server.
More Image Tools
Favicon Generator FAQ
What sizes does a favicon package need?
For most sites: a favicon.ico with 16, 32 and 48 pixel images, PNG icons at 16, 32 and 96 pixels, a 180 pixel Apple touch icon, and 192 and 512 pixel icons for Android and web apps. This tool creates all of these.
What image should I upload?
A square logo at least 512 by 512 pixels, with a transparent background and simple shapes. Fine detail and thin lines disappear at 16 pixels.
Where do I put the favicon files?
In the root folder of your website, so that /favicon.ico loads. Then add the generated HTML code inside the head section of your pages.
Do I still need favicon.ico?
It is still worth including. Browsers and other tools request /favicon.ico automatically, and it is the safest fallback.
What is the difference between the Favicon Generator and the ICO Converter?
The Favicon Generator creates the full set of files for a website. The ICO Converter creates a single ICO file with the sizes you choose.
Why does Google Search ask for multiples of 48 pixels?
Google recommends a favicon whose size is a multiple of 48 pixels, such as 48, 96 or 144, so it stays sharp in search results. The 96 pixel PNG covers this.