What files are in the ZIP?

Six PNGs (16, 32, 48, 180 as apple-touch-icon, 192 and 512 pixels), favicon.ico, site.webmanifest and favicon-snippet.html.

Which sizes are inside favicon.ico?

16 by 16 and 32 by 32 pixels, stored as PNG images in the ICO container. That is enough for browser tabs and bookmarks in current browsers.

Can I make a favicon from a letter or an emoji?

Yes. Switch to the letter mode, type up to four characters, and choose the background and text colors. The glyph is centered in a square.

Where do I put the files?

Upload them to the root of your site, then paste the contents of favicon-snippet.html into the head of your pages. The paths in the snippet start with a slash, so they expect the files at the root.

Will a transparent logo stay transparent?

Yes for an uploaded image with transparency: the PNGs are drawn without a background. A letter or emoji icon always has the background color you choose.

Image

Favicon Generator

Create a complete favicon set from an image or a letter/emoji, bundled as a ZIP with favicon.ico, manifest, and HTML snippet. Runs on your device — nothing is uploaded, nothing is stored.

Drop your image here

PNG, JPG, WebP, SVG, GIF — a square image works best

HTML snippet

<link rel="icon" type="image/x-icon" href="/favicon.ico" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="manifest" href="/site.webmanifest" />

Your favicons will appear here

Image UpscalerImage Image CaptionerImage Depth Map GeneratorImage

About Favicon Generator

This tool makes a complete favicon set from an image, a letter or an emoji. Upload a logo (PNG, JPG, WebP, SVG or GIF up to 15 MB), or switch to the letter mode and type up to four characters, then pick a background and text color. Press Generate and you get previews of six PNG sizes: 16, 32, 48, 180, 192 and 512 pixels.

The download is one ZIP containing those PNGs (the 180 px one is named apple-touch-icon.png), a favicon.ico, a site.webmanifest and a ready-to-paste HTML snippet with the link tags. The .ico file holds the 16 and 32 px sizes. You can also copy the snippet from the page. Upload files at your site's root, paste the snippet into your page head, and browsers, phones and tab bars will pick the icon up.

Why this runs on your device

The privacy stake is small, since a favicon is public the moment you publish it. Still, a logo you have not launched yet is rendered to icon sizes and zipped on your device rather than sent to a converter, which also means the result appears immediately.

How to use Favicon Generator

Upload a logo, or switch to the letter mode and type a letter or emoji.
Choose colors if you are using a letter, then press Generate.
Check the previews of each size.
Download the ZIP, upload the files to your site's root, and paste the snippet into your page head.

Limitations and trade-offs

The favicon.ico contains only the 16 and 32 px sizes. That covers browser tabs and bookmarks, but Windows shortcuts or older uses that expect 48 or 256 px inside the .ico will not find them there.
Images are scaled to fill a square and the overflow is cropped from the center, so a wide or tall logo loses its edges. Prepare a square image, or crop it first.
The generated site.webmanifest has empty name and short_name fields and white theme and background colors. Fill them in before you publish.
The HTML snippet links the .ico, the 16 and 32 px PNGs, the apple-touch-icon and the manifest. The 48 px PNG is in the ZIP but not in the snippet, and the 192 and 512 px icons are referenced through the manifest.
Letter and emoji icons are drawn with your device's own fonts, so an emoji may look different from one generated on another system. The letter mode does not support custom fonts.

Frequently asked questions

Related tools