Tada File

Favicon Generator

Create favicon.ico, an Apple touch icon, Android icons and a web manifest from one image, in a single ZIP.

Favicon Generator turns a logo or image into the set of icon files a website needs. It crops the image to a centered square and creates favicon.ico (with 16, 32 and 48 pixel sizes), PNG icons from 16 to 512 pixels, a 180 × 180 apple-touch-icon.png and a site.webmanifest file, all in one ZIP. The page also shows the HTML link tags to paste into the head section of your site.

Installing your favicons

Unzip the package into your website’s root folder, then add these tags inside your page’s <head>:

<link rel="icon" type="image/x-icon" href="/favicon.ico">
<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">
<link rel="manifest" href="/site.webmanifest">

How to use Favicon Generator

  1. 1

    Upload your logo

    Drop or choose a PNG, JPG, SVG or HEIC image. A square image of at least 512 × 512 pixels gives the best result.

  2. 2

    Make sure it is centered

    Icons are cut from the center of the image. If your logo is off-center or the image is not square, crop it to 1:1 first with Crop Image.

  3. 3

    Download the favicon package

    Click Download Favicon Package (.ZIP) to get all icon files and the manifest.

  4. 4

    Add it to your website

    Upload the files to the root folder of your site, then click Copy Code and paste the HTML tags into the head section of your pages.

What it does

Multi-size favicon.ico
One ICO file containing 16 × 16, 32 × 32 and 48 × 48 icons for browser tabs and bookmarks.
PNG icons for every device
PNG files at 16, 32, 48, 64, 128, 192 and 512 pixels, plus a 180 × 180 apple-touch-icon.png.
Web app manifest
A site.webmanifest file that points to the 192 and 512 pixel icons for Android and installable web apps.
Clear small sizes
Icons are reduced in several steps from the full image, which keeps the 16 and 32 pixel versions cleaner.
Ready-to-paste HTML
Copy the link tags for the icons and the manifest with one click.

Questions

What size should my favicon image be?

Use a square image of at least 512 × 512 pixels so the largest icon stays sharp. Simple shapes and strong colors stay recognizable at 16 × 16.

What files are in the ZIP?

favicon.ico, favicon-16x16.png to favicon-512x512.png (16, 32, 48, 64, 128, 192 and 512), apple-touch-icon.png at 180 × 180, and site.webmanifest.

Where do I put the favicon files?

Upload them to the root folder of your website, the same place as your home page. Then paste the HTML tags shown on this page into the head section of every page.

Why is part of my logo cut off?

The tool takes the largest centered square from your image. If the logo is wide or not centered, crop it to a square with some space around it before you generate the icons.

Can I use an SVG logo?

Yes. The SVG is drawn as an image and saved as PNG and ICO files. The ZIP does not include an SVG favicon.

Do I need to edit the manifest file?

Yes. site.webmanifest uses the placeholder name App and dark theme colors. Open it in a text editor and change name, short_name and the colors to match your site.