favicon generator

One image.
Every icon a browser asks for.

Thirty-six files across Apple, Android, Windows and the browsers that still want an .ico — each one labelled with what it is for. Generated on this page. Your file is never uploaded.

Drop an image here

SVG, PNG, JPG, WebP · raster at least 256 × 256

Options36 files
Preset
Groups
Sizes inside favicon.ico
Actual sizeno file yet
  1. 512512 × 512
  2. 180180 × 180
  3. 9696 × 96
  4. 4848 × 48
  5. 3232 × 32
  6. 1616 × 16

What this generates

One image in, 36 files out — every browser, operating system and app-install surface that still expects its own icon format, plus the manifest and config files that reference them. Each file is labelled with what it is for, so you can drop the ones you do not need.

Icon files

ICO1
Multi-resolution favicon.ico for the classic /favicon.ico request.
SVG1
Vector favicon for modern browsers, supports dark-mode media queries.
Favicon PNG3
Plain favicon PNGs (16, 32, 96) for tabs, bookmarks and shortcuts.
Apple touch icon1
The single 180px apple-touch-icon.png modern iOS actually uses.
Apple legacy11
Per-device Apple icons (57-180) plus the unsuffixed fallbacks, for older iOS.
PWA2
web-app-manifest-192/512 referenced by the modern site.webmanifest.
Android legacy8
android-chrome-192/512 and the density-indexed android-icon family.
Microsoft tiles4
Windows 8/10 start tile images referenced by browserconfig.xml.

Manifests and reference files

site.webmanifest
Modern PWA manifest (name, icons, colors, display mode).
manifest.json
Legacy Android Chrome manifest with per-density icon entries.
browserconfig.xml
Windows tile configuration (tile images and tile color).
HTML snippet
Ready-to-paste <head> tags covering every generated file.
Usage guide
Markdown table explaining what each generated file is for.

Questions

Why 36 files instead of one favicon.ico?

Because no two platforms agree. Browsers still request /favicon.ico, iOS wants a specific apple-touch-icon.png, Android reads sizes out of a manifest, and Windows still pulls tile images from browserconfig.xml. This produces all 36 files named exactly the way each platform expects, plus the manifests that reference them.

Is my image uploaded anywhere?

No. Generation runs in your browser using a WebAssembly build of libvips. You can confirm it yourself: open your browser's network tab and watch while it runs — there is no upload request.

What source images work best?

SVG gives the sharpest result, because the vector is rasterised fresh at full resolution before the icons are cut. For raster sources, 256×256 is the minimum and 512×512 or larger is recommended; below that the largest icons are upscaled and you will see a warning.

What is the difference between the full and modern presets?

Full generates every format, including legacy Apple, Android and Windows tile icons. Modern keeps only what current browsers actually request: ICO, SVG, the favicon PNGs, a single apple-touch-icon, and the PWA manifest icons. Most new sites only need modern.

Why is apple-touch-icon.png 180×180 but apple-icon.png 192×192?

apple-touch-icon.png at 180×180 is what current iOS and iPadOS Safari pick for a home screen shortcut. apple-icon.png is an older unsuffixed fallback some iOS versions use when no sized link matches — a leftover from before Apple settled on 180. The full preset includes both for coverage.