Skip to content
GivenTool

Generate favicons from an image

Make favicon.ico (16/32/48), apple-touch-icon and Android PNG icons from one image, with the HTML to paste.

Loading tool…

Browsers, phones and search results each look for a different icon file. This generator makes the standard set from one square-ish image: a favicon.ico containing 16, 32 and 48 px images, separate 16, 32 and 48 px PNGs, a 180 px apple-touch-icon for iOS home screens, and 192 and 512 px icons referenced by a web app manifest for Android.

The ICO file is built in your browser with PNG images inside, a format every current browser and Windows since Vista understands. Small sizes are downscaled in halving steps so a 16 px icon from a large logo stays clean rather than jagged. You also get the HTML tags for your page head and a site.webmanifest, and everything can be downloaded as one ZIP.

Tip: detailed logos turn into mush at 16 px. A bold symbol or one or two letters on a solid background reads best in a browser tab.

How to use it

  1. Drop your logo or icon, ideally square and at least 512 × 512 px. PNG or SVG exported to PNG with transparency works best.
  2. Choose Crop to a square or Fit the whole image, add padding if the logo touches the edges, and choose a transparent or solid background.
  3. Enter your site name and theme colour for the manifest, and the path where the files will live (usually /).
  4. Click Generate favicons, then Download all (ZIP) or individual files.
  5. Upload the files to your site and paste the HTML snippet into the <head> of your pages.

Frequently asked questions

Which sizes are included?

favicon.ico with 16, 32 and 48 px images; PNGs at 16, 32, 48, 180 (apple-touch-icon), 192 and 512 px; site.webmanifest; and an HTML file with the link tags.

Do I still need favicon.ico?

Modern browsers use the PNG link tags, but some tools, feed readers and older browsers request /favicon.ico directly from the site root. Including it avoids 404 errors and costs only a few kilobytes.

Why does Google show an old or generic icon?

Search results use the icon Google last crawled, which can take days or weeks to refresh. Google also asks for a square icon that is a multiple of 48 px (the 48 and 192 px files here qualify) and that Googlebot is allowed to fetch.

Should the apple-touch-icon be transparent?

iOS fills transparent areas of home-screen icons with black, so choose a solid background colour for the best result.

Is my logo uploaded?

No. All icons, the ICO file and the ZIP are created in your browser.

Related tools