BYTETOOLS

App Icon Generator

Turn one square image into every iOS, Android and PWA app icon size, plus the Contents.json and web manifest icons array.

Drop your square app icon (1024 × 1024 PNG is ideal)Every size is rendered in your browser — the artwork is never uploaded

One square source becomes the whole iOS asset catalogue, the Android mipmap set and the PWA manifest icons — including maskable versions with the 80% safe zone Android crops to.

What is the App Icon Generator?

Shipping an app means producing the same icon at twenty-odd sizes, each with a name a build system expects.

  • Full iOS set: 20, 29, 40, 60, 76 and 83.5 pt at @1x/@2x/@3x plus the 1024 px store icon
  • Android mipmap-mdpi through mipmap-xxxhdpi plus the 512 px Play listing icon
  • PWA 192 and 512 icons, including maskable versions inset to the 80% safe zone
  • Stepped high-quality downscaling so the smallest icons stay readable
  • Copyable Contents.json for AppIcon.appiconset and manifest icons array
  • Everything rendered locally in your browser — artwork is never uploaded

How to use the App Icon Generator

  1. 1

    Drop a square source image — 1024 × 1024 gives the sharpest results everywhere.

  2. 2

    Tick the platforms you need: iOS, Android, PWA, or any combination.

  3. 3

    Decide whether transparent areas stay transparent or get filled with a solid colour — iOS rejects icons with an alpha channel.

  4. 4

    Click Generate and review every rendered size in the list.

  5. 5

    Download individual sizes or the whole set, then copy Contents.json and the manifest icons array.

About the App Icon Generator

Shipping an app means producing the same icon at twenty-odd sizes, each with a name a build system expects. This generator takes one square source and renders the complete iOS asset catalogue from 20 pt through the 1024-pixel App Store artwork, the Android mipmap set from mdpi to xxxhdpi plus the 512-pixel Play Store listing, and the PWA manifest icons.

Downscaling is done in steps rather than one jump. Halving repeatedly before the final draw keeps a 20-pixel icon legible instead of turning fine detail into mush, which is the usual giveaway of an icon set produced by a naive resize. Maskable PWA icons are additionally inset to the 80 percent safe zone Android crops to, so nothing important gets clipped by a circular or squircle mask.

The metadata comes with it: a ready Contents.json for AppIcon.appiconset and the icons array for your web app manifest, both copyable in one click. Every render happens on a canvas in your browser, so unreleased branding never leaves your machine.

Frequently asked questions

What size should my app icon source be?

A square 1024 × 1024 PNG is the right starting point, because it is the largest size Apple asks for and everything else is scaled down from it. Anything smaller means the App Store icon will look soft.

What is a maskable icon in a web app manifest?

Android crops PWA icons to whatever shape the launcher uses — a circle, a squircle, a rounded square. A maskable icon keeps its important content inside a central safe zone of about 80 percent so no shape can cut it off, which is exactly how this tool renders them.

Can an iOS app icon have transparency?

No. App Store Connect rejects icons that contain an alpha channel, so choose the option to fill every icon with a solid colour before you submit. Android and PWA icons may keep their transparency.

Where do the Android icon files go in my project?

Each one belongs in the res folder matching its density, such as res/mipmap-xxhdpi/ic_launcher.png. Browsers cannot create folders during a download, so the slash in the listed path becomes a dash — put the files back into those folders yourself.

Is my icon artwork uploaded to generate the set?

No. Every size is drawn on a canvas in your browser and exported locally, so unreleased branding never leaves your device.

Related tools