OmniTools
imageDifficulty: 3/5

Favicon Generator

Generate a complete favicon set from one image: favicon.ico, the PNG sizes browsers request, an Apple touch icon, a maskable icon and the manifest.

Why seven files and not twenty: Many generators emit dozens of icons for Windows tiles and a long list of legacy Apple sizes. Those target browsers and platforms that are effectively gone, and each extra file is another request and another thing to forget to update. This set covers what current browsers actually request: an .ico for the conventional /favicon.ico lookup, 16 and 32 pixel PNGs for tabs and bookmarks, a 180 pixel Apple touch icon (iOS ignores the manifest), and 192, 512 and maskable icons for Android and installable web apps.
The maskable icon is padded on purpose: Android crops adaptive icons to a shape it chooses — circle, squircle, rounded square — which differs by launcher. Anything outside the central 80% safe zone may be cut off, so the maskable icon draws your image smaller and fills the rest with your background colour. It will look zoomed-out next to the others; that is correct, and it is why a maskable icon must never have transparent edges.

How it works

  1. Choose a square image, ideally 512 × 512 or larger.
  2. Check the plan — it tells you which sizes would be upscaled before anything is generated.
  3. Generate the set, then download every file as a ZIP and paste the HTML into your <head>.
Privacy & Processing: Everything runs in your browser. Your image and its filename are never uploaded, stored, or sent to analytics.

Frequently Asked Questions

Which files does it produce?

favicon.ico containing 16, 32 and 48 pixel images; PNGs at those sizes; a 180-pixel Apple touch icon, because iOS ignores the web manifest; 192 and 512 pixel icons for Android and the install prompt; a maskable 512 icon; and site.webmanifest. Also the HTML block to paste into your head. Not the twenty-file sets some generators emit — most of those target browsers that no longer exist.

Is the .ico a real ICO file?

Yes. The container is assembled properly — an ICONDIR header plus one directory entry per image, with PNG payloads inside, which every browser in use supports. It is not a PNG with the extension changed.

What is a maskable icon?

Android crops app icons to a circle or squircle, and only the central 80% is guaranteed to survive. The maskable output insets your artwork to leave that safe zone, which is why so many Android icons otherwise appear with their edges shaved off.

What source image should I use?

A square image at least 512 pixels on each side. If the source is smaller, the tool tells you exactly which outputs must be upscaled and will look soft, before generating anything. A non-square source is fitted inside a square canvas with transparent padding rather than being stretched.

Related Tools

Image ResizerImage to Base64png to jpg