FreeToolsWorld

Favicon Generator

Turn an image into a complete set of favicon files.

Image Tools Free, no sign-up Runs in your browser

At least 512 pixels works best. Generated in your browser.

About the Favicon Generator

Favicon Generator takes one square image and produces the whole set a site needs: the 16 and 32 pixel versions browsers show in tabs and bookmarks, the 180 pixel Apple touch icon, the 192 and 512 pixel icons for home screen installs, and a classic favicon.ico containing the small sizes for older browsers.

It also writes the HTML link tags and a web manifest, which is the part people forget. A favicon that exists but is not linked does nothing, and the set of tags needed has changed enough over the years that copying an old snippet usually leaves something out.

Everything is generated in your browser. The image is drawn at each size on a canvas and the .ico file is assembled byte by byte from the PNG data, so the logo you are about to launch never gets uploaded anywhere.

How to use the Favicon Generator

  1. Choose a square imageAt least 512 pixels, PNG with transparency if you have one.
  2. Set a background if you need oneUseful when a transparent logo disappears on a dark tab bar.
  3. GenerateEvery size is produced with a preview of each.
  4. Download and paste the tagsPut the files at your site root and add the generated HTML to your head.

Features

  • 16, 32, 48, 180, 192 and 512 pixel PNGs
  • A real .ico file containing the small sizes
  • HTML link tags ready to paste
  • A web manifest for installable sites
  • Optional background colour behind transparent logos
  • Preview of each size at actual scale
  • Download individually or as a set
  • Generated entirely in your browser

Who uses this tool

The favicon generator is used by writers, developers, students, marketers and anyone else who needs the job done once without installing software. Common cases include:

  • Adding a favicon to a new site
  • Replacing an old favicon that only works in some browsers
  • Producing the icons a web manifest needs
  • Creating an Apple touch icon for home screen bookmarks
  • Checking how a logo reads at 16 pixels

Frequently asked questions

What size should the source image be?

Square and at least 512 pixels. The tool scales down from there, and scaling down looks far better than scaling up. A vector logo exported at a large size is ideal.

Do I still need favicon.ico?

It is no longer required, since every current browser reads PNG icons from link tags. It is still worth having at the site root, because some crawlers, feed readers and older software look for it there and nowhere else.

Why does my logo look like a blur at 16 pixels?

Because sixteen pixels is tiny, and detailed logos disappear at that size. A simplified mark, a single letter or a bold shape reads far better. Preview the small sizes before committing.

Should I set a background colour?

If your logo is transparent and dark, yes. A dark transparent logo vanishes against a dark browser tab bar. A solid background behind it keeps it visible in both light and dark themes.

Where do the files go?

At the root of your site is conventional and is where fallback requests for favicon.ico look. The link tags can point anywhere, but the .ico is best left at the root.

Is my image uploaded?

No. Every file is generated in your browser, including the .ico, which is assembled from PNG data in the page.

If the favicon generator is not quite what you need, these other free tools solve closely related problems.

Image Resizer

Resize images by pixels or percentage, with aspect ratio locking.

Image Tools Use tool

SVG to PNG Converter

Convert SVG to PNG at a chosen size, with transparency preserved.

Image Tools Use tool

Image Cropper

Crop images by dragging a selection, with fixed ratio presets.

Image Tools Use tool

Color Palette Generator

Generate complementary, triadic and analogous palettes from any colour.

Color Tools Use tool