Favicon Generator

Generate common favicon and app icon sizes from one image. 16px to 512px.

Upload your logo or icon

Your file never leaves your device · No signup · No daily limit

Up to 25 MB per file

How it works

Drop a square PNG or JPG. A logo or mark works best.
Set the padding and the background: keep it transparent, or pick a solid colour for platforms that flatten it.
Type the site name and short name. These go into the web manifest, so phones show the right label under a pinned icon.
Generate, then download the whole set as one ZIP and drop it into your site root.

What people use it for

Giving a new site a complete icon set in one pass instead of exporting five sizes by hand.
Replacing a favicon that looks sharp in the tab but blurry on an Android home screen.
Producing the icons and manifest for a web app you want people to pin to a phone home screen.

Good to know

You get favicon.ico (containing 16, 32 and 48 px), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png at 180 px, android-chrome-192x192.png, android-chrome-512x512.png, a site.webmanifest and an HTML snippet to paste into your <head>.
Square art gives the best result. A wide or tall image is fitted inside the square, which leaves empty space at the sides rather than cropping your logo.
At 16 px there are only 256 pixels to work with: fine lines, gradients and small lettering disappear. If your mark has detail, make a simplified version for the icon instead of shrinking the full logo.
The generated manifest covers name, short name, theme colour and background colour. Anything else your app needs (scope, start URL, display mode) you add yourself.

Frequently asked questions

Why so many files? Isn't one favicon enough?

Each platform reaches for a different file. Browsers use the 16 and 32 px icons in tabs and bookmarks, iOS uses the 180 px apple-touch icon when someone adds your site to their home screen, and Android reads the manifest to find the 192 and 512 px icons. Ship only one and the others fall back to something blurry or generic.

What is the HTML snippet for?

It is the set of <link> and <meta> tags that tell browsers where the icons live. Paste it into your page <head>. Without it the files sit in your site root and most of them are never found.

Transparent or solid background?

Transparent is the safer default and looks right in browser tabs. Choose a solid colour if your mark is dark and might sit against a dark tab bar, or if you want the same colour behind the icon on an iOS home screen, which flattens transparency to white anyway.

Is my image uploaded anywhere?

No. The resizing, the ICO packing and the manifest are all built in your browser. The image never leaves your device.

Related tools

ICO Converter

How it works

Drop a square PNG or JPG. A logo or mark works best.

Set the padding and the background: keep it transparent, or pick a solid colour for platforms that flatten it.

Type the site name and short name. These go into the web manifest, so phones show the right label under a pinned icon.

Generate, then download the whole set as one ZIP and drop it into your site root.

Good to know

You get favicon.ico (containing 16, 32 and 48 px), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png at 180 px, android-chrome-192x192.png, android-chrome-512x512.png, a site.webmanifest and an HTML snippet to paste into your <head>.

Square art gives the best result. A wide or tall image is fitted inside the square, which leaves empty space at the sides rather than cropping your logo.

At 16 px there are only 256 pixels to work with: fine lines, gradients and small lettering disappear. If your mark has detail, make a simplified version for the icon instead of shrinking the full logo.

The generated manifest covers name, short name, theme colour and background colour. Anything else your app needs (scope, start URL, display mode) you add yourself.