Image tool / 100% free

Favicon Generator

Produce every favicon size a website needs from one source image, including a multi-resolution ICO file. Browsers, bookmarks, mobile home screens and tab bars all want different sizes, and this generates the full set at once. It is free, needs no account, and adds no watermark to your result.

Built for: favicon generator

Favicon Generator

Add your files. Recommended settings are ready, so you can process in one click.

Drop files here

PDF, Word, images, audio, video, archives and more

Up to 100 files · 250 MB · No account
  1. 1Add files
  2. 2Choose an action
  3. 3Download or keep going
Private by default. Selected files upload only for server actions.Privacy details
When you need this

What people use it for.

Adding a favicon to a new site without hand-exporting six sizes
Refreshing an existing site's icon across every platform
Generating home-screen icons for a web app
How it works

What happens to your file.

The picture is centred on a transparent square, never cropped, and resampled to each standard size; a small source is enlarged so every size is still produced. The Apple touch icon gets your theme colour behind it, because iOS turns transparency into black. The PNG icons, a multi-resolution favicon.ico, the web manifest and the tags to paste are delivered together as a ZIP.

Where it stops: Detail disappears at 16×16. Icons designed as simplified marks read far better than detailed logos or photographs shrunk down.

What is in the ZIP

FileSizeUsed by
favicon.ico16, 32, 48 and 64 pxBrowser tabs and bookmarks, and anything that asks for /favicon.ico directly
favicon-16x16.png, favicon-32x32.png16 and 32 pxBrowser tabs, through the tags in head-snippet.html
favicon-48x48.png48 pxA spare PNG for a CMS or tool that asks for one at that size
apple-touch-icon.png180 pxiPhone and iPad home screens
android-chrome-192x192.png, android-chrome-512x512.png192 and 512 pxAndroid home screens and installable web apps, through site.webmanifest
site.webmanifest-Your site name, theme colour and the Android icons
head-snippet.html-The exact tags to paste into the <head> of your pages

Installing the set

  • Upload every file to the root of your site, so https://yoursite.com/favicon.ico opens the icon.
  • Paste the contents of head-snippet.html inside the <head> of every page, or once in your site template.
  • The site name and theme colour you enter are written into site.webmanifest and the theme-color tag.
  • Browsers cache favicons hard. Check the new icon in a private window before deciding it did not work.

Getting a sharp result

  • A wide or tall image is fitted inside the square with transparent space around it, never cropped. Crop it to the symbol first if you want the mark to fill the icon.
  • Start from at least 512 × 512 px, the size of the largest icon in the set. A smaller source still gets every size, enlarged.
  • iOS shows transparent parts of a home-screen icon as black, so apple-touch-icon.png is filled with your theme colour; the other icons keep their transparency.
  • For a Windows application icon with 128 and 256 px sizes, use ICO Converter; this set is sized for websites.
What this tool includes

Everything you need, without a paywall.

Free Pro batch queue included
16/32/48px icons
ICO generation
PNG icon set
ZIP bundle
Questions

Common questions.

What source image should I use?

A square image, at least 512×512, with a simple bold shape. Fine detail and small text vanish at favicon sizes.

Do I still need an ICO file?

It remains the most broadly compatible option, particularly for older browsers, so the ICO is generated alongside the PNG sizes.

How do I make a favicon.ico from a PNG or JPG?

Add the image and download the ZIP. The favicon.ico inside holds 16, 32, 48 and 64 px versions, next to PNG icons for browsers, iPhone and Android, the web manifest and the tags to paste into your page.

My logo is wide. Will it be cut off?

No. A wide or tall image is fitted inside the square with transparent space around it, so every letter of a wordmark stays in. For a bolder icon, crop the logo to its symbol first.

Is transparency kept?

Yes, in favicon.ico and the PNG icons, so the icon sits correctly on light and dark tab bars. The Apple touch icon is the exception: iOS would show its transparent parts as black, so it is filled with your theme colour.

Related free tools

You might also need.