Icon Generator

Generate app icons for iOS, Android, and web platforms. 100% client-side processing.

App icons made easy

Source Image

Drag or click to upload

Square image recommended (1024×1024)

Icon Name

Used for folder and file names (letters/numbers only)

Platforms

Custom Sizes

Settings

No Icons Generated

Upload an image and click Generate to create icons

About

About the Icon Generator

The Icon Generator turns one source image into every icon size an app or website needs — 18 iOS sizes, 6 Android densities, and 11 web and favicon sizes — packaged as a ZIP with the correct folder structure and manifest files already in place. Upload a square image (1024×1024 is ideal), choose your platforms, and download. Every icon is rendered locally in your browser with canvas, so your artwork is never uploaded.

How to use the Icon Generator

  1. 1Upload your source image — square, and at least 1024×1024 so the largest icon stays sharp.
  2. 2Choose your platforms: iOS, Android, Web, or any combination (all three are selected by default).
  3. 3Set the icon name, and optionally a background colour, padding, and corner radius.
  4. 4Leave the format on PNG for iOS and Android — both stores require PNG app icons. JPEG and WebP are available for web use.
  5. 5Download a single icon, a ZIP per platform, or one ZIP containing every platform in its proper folder structure.

Common use cases

  • Generating a complete iOS AppIcon.appiconset from a single 1024×1024 export
  • Producing every Android mipmap density plus the Play Store icon
  • Creating favicons and PWA manifest icons for a website
  • Re-cutting every icon size after a logo refresh
  • Applying consistent padding or rounded corners across a whole icon set

Frequently asked questions

What sizes does it generate?

iOS: 18 files — 20, 29, 40, 60, 76 and 83.5pt at their @1x/@2x/@3x multipliers, plus the 1024 App Store icon. Android: 6 — 48 (mdpi) through 192 (xxxhdpi), plus the 512 Play Store icon. Web: 11 — 16 through 512, covering favicons, apple-touch-icon, and PWA manifest sizes. You can also add custom sizes up to 2048.

Does it preserve transparency?

No. A background colour is always painted behind your image, so a transparent PNG comes out with a solid background — white unless you change it. For iOS that's usually what you want, since App Store icons may not be transparent. If you need a transparent favicon, this isn't the right tool.

What if my image isn't square?

It's scaled to fit and centred, keeping its proportions, with the background colour filling the space above and below (or either side). Nothing is distorted or cropped — but a square source still gives the best result, since a wide logo leaves large bands of background in a square icon.

Which format should I choose?

PNG for anything going to the App Store or Play Store — both require PNG app icons, and the tool warns you if you pick another format with those platforms selected. JPEG and WebP are useful for web icons where file size matters. Whatever you choose, the generated Contents.json and web manifest reference the files actually in the ZIP.

What's inside the ZIP?

Folder structure you can drop straight into a project: ios/AppIcon.appiconset/ with its Contents.json, android/mipmap-* per density plus a play_store folder, and web/icons/ with a manifest-icons.json you can paste into your web app manifest.

Is my image uploaded anywhere?

No. Every size is rendered in your browser using canvas. The image never leaves your device, so you can safely use unreleased branding.

Your data never leaves your browser • No cookies • Works offline after your first visit

Press ? for keyboard shortcuts

We use minimal, privacy-focused cookies to improve your experience. Our developer tools process all data locally — we never store your content. Learn more