About this Favicon & App Icon Generator

Turn a single PNG into a complete, production-ready icon set. This tool runs 100% in your browser—no uploads—so your assets stay private. Export favicon.ico, PNG icons for Android/Chrome and iOS, maskable icons for PWAs, and a ready-to-use site.webmanifest.

Key features

  • One PNG in → full set out: ICO (16/32/48/64) + PNGs (16–512)
  • Maskable icons for better PWA adaptive shapes
  • Apple touch icons (120/152/167/180) with safe background
  • site.webmanifest with icons, theme & background colors
  • Live preview, padding, rounded/circle/squircle, shadow, stroke
  • Monogram/text overlay for quick branding
  • ZIP download with tidy filenames & optional subfolder
  • Privacy-friendly: everything happens locally

How to use

  1. Click Upload (or drag & drop) a square PNG (≥ 512×512 recommended).
  2. Customize the shape (rounded/circle/squircle), padding, background (transparent/solid/gradient), shadow, and stroke.
  3. (Optional) Add a monogram (e.g., your brand initial) and tweak size, weight, color, and outline.
  4. Fill App Name, Short Name, and pick theme/background colors for the manifest.
  5. Click Generate Files, then Download ZIP.
  6. Unzip into your site (e.g., /icons/), add the snippets below to your HTML, and deploy.

What you get

  • Favicon: favicon.ico (16/32/48/64) + favicon-16x16.png, favicon-32x32.png
  • Android/Chrome: android-chrome-192x192.png, 256x256, 384x384, 512x512
  • Maskable: maskable-icon-192x192.png, 384x384, 512x512
  • Apple Touch: apple-touch-icon.png (180×180) + 120/152/167 sizes
  • Manifest: site.webmanifest (icons, theme/background colors, names)

HTML snippets

After downloading, place files in /icons/ (or your chosen subfolder) and add:

<link rel="icon" href="/icons/favicon.ico" sizes="any">
<link rel="icon" type="image/png" href="/icons/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/icons/favicon-16x16.png" sizes="16x16">
<link rel="apple-touch-icon" href="/icons/apple-touch-icon.png">
<link rel="manifest" href="/icons/site.webmanifest">

Tips

  • Prefer a transparent PNG source. The tool can add solid or gradient backgrounds for iOS tiles.
  • Enable Maskable to avoid cropping on Android adaptive icons.
  • If your logo is very thin, add a subtle stroke or drop shadow for contrast.
  • Use the file prefix and ZIP subfolder options to keep your repository tidy.

Compatibility

Generated assets work across modern browsers and platforms: Chrome/Android (maskable & PWA), Safari/iOS (apple-touch icons), and traditional desktop browsers (ICO/PNG favicons).

Privacy

Images never leave your device. All processing is done locally in your browser.