What source image should I upload?

Upload a square image — an SVG (which scales without any quality loss) or a PNG at 1024×1024 for the sharpest downscaling. The original is loaded into your browser and redrawn at every target size; nothing is uploaded to a server. Non-square images still work but will be centered within a square canvas according to your padding and fit settings.

What exactly is in the ZIP for each platform?

iOS gives you an AppIcon.appiconset with every iPhone and iPad size plus a Contents.json. Android provides ic_launcher, ic_launcher_round, and ic_launcher_foreground across five density buckets, the adaptive-icon XML, a background-color resource, and a 512px Play Store icon. Web/PWA includes 16/32/48 favicons, apple-touch-icon, 192/512 standard and maskable icons, favicon.ico, manifest.json, browserconfig.xml, and a head snippet. macOS gives an AppIcon.iconset for iconutil. A README with install steps is always included.

How are maskable and adaptive icons handled?

Maskable and Android foreground icons get extra inset so your artwork stays inside the safe zone that launchers crop to — at least 10% for maskable and 25% for the adaptive foreground. The preview draws a dashed safe-zone ring on the maskable tile so you can confirm nothing important gets clipped. Maskable and Play Store icons are always rendered opaque because those surfaces require a filled background.

What do padding and the Contain/Cover fit options do?

Padding is the percentage of empty space inset around your artwork inside each icon, from 0 to 40%. Contain scales the whole image to fit inside that box without cropping; Cover scales it to fill the box and clips the overflow. Use Contain for logos that must stay whole and Cover for full-bleed artwork or photographs.

What happens if I choose a transparent background?

Transparency is kept where the platform allows it — for example standard web icons and the Android foreground layer. But iOS, maskable, and Play Store icons reject transparency, so the generator automatically fills those with white. The Android adaptive background-color resource is set to white as well. A note in the Style panel reminds you of this substitution.

What icon sizes do iOS, Android, and PWAs require?

iOS wants an asset catalog topped by a 1024×1024 marketing icon, with device sizes from 20pt to 83.5pt at 2× and 3× scales. Android uses five density buckets for the 48dp launcher icon — 48, 72, 96, 144, and 192px — plus a 108dp adaptive icon whose foreground must keep critical artwork inside the central 72dp, and a separate 512×512 Play Store icon. A PWA needs 192×192 and 512×512 manifest icons, ideally with maskable variants. This generator emits all of them in the folder structure each platform expects, so you never assemble the matrix by hand.

What is a maskable icon?

A maskable icon is a PWA icon marked "purpose": "maskable" in the web manifest, drawn edge-to-edge so Android can crop it into whatever shape the launcher uses — circle, squircle, or rounded square. Only the central safe zone (a circle spanning 80% of the icon width) is guaranteed to survive every shape, so key artwork must stay inside it and the background must fill the whole canvas. The maskable preview tile here draws that safe-zone ring so you can verify nothing important gets clipped before exporting.

App Icon Generator

Turn one source image into complete, store-correct icon sets — iOS (AppIcon.appiconset + Contents.json), Android (mipmaps + adaptive icon), Web/PWA (favicons, maskable, manifest, .ico) and macOS (.iconset) — with live masked previews and a one-click ZIP.

About this ToolHow it works, benefits & use cases

Shipping an app means producing dozens of icon files at exact pixel sizes, in the folder structures Xcode, Android Studio, and the web each expect. This generator does all of that from a single source image. Upload one square PNG or SVG and it renders every required size on a canvas in your browser, then packs them into a structured ZIP: an iOS AppIcon.appiconset with a matching Contents.json, Android legacy mipmaps plus a true adaptive icon (foreground, round, and background-color XML), Web/PWA favicons with maskable variants, a real multi-resolution favicon.ico, a web app manifest.json, and a macOS .iconset ready for iconutil. Live tiles preview the iOS square, the Android adaptive foreground, a maskable safe-zone, and the favicon as you adjust padding, fit, and background. Because iOS, maskable, and Play Store icons must be opaque, a white background is substituted there automatically when you choose transparent. A ready-to-paste HTML <head> snippet and an install README round it out.

How to Use

1Drop a square source image into the upload area — an SVG or a 1024×1024 PNG gives the sharpest results.
2Select the Platforms you need: iOS, Android, Web / PWA, and macOS (all four are on by default).
3Set the Style — choose a solid background color or Transparent, adjust the padding percentage, and pick Contain or Cover fit while the preview tiles update live.
4Enter the App name and Theme color used in the generated manifest.json, browserconfig.xml, and <head> snippet.
5Click "Generate icons (ZIP)" to download every file, and copy the HTML <head> snippet from the output panel into your site.

Key Benefits

One source image expands to complete, store-correct icon sets for four platforms at once
iOS AppIcon.appiconset ships with a valid Contents.json so it drags straight into Xcode assets
Android output includes legacy mipmaps and a real adaptive icon — foreground, round, and a background-color resource XML
Web/PWA bundle has 16/32/48 favicons, maskable 192/512 icons, a true multi-resolution favicon.ico, and a manifest.json
Live preview tiles show iOS square, Android adaptive foreground, maskable safe-zone, and favicon before you export
Opaque backgrounds are enforced automatically for iOS, maskable, and Play Store icons even when you pick transparent
Runs entirely on canvas in your browser — the source image is never uploaded — and includes an install README in the ZIP

Common Use Cases

Generating a full iOS asset catalog for a new Xcode project from a single logo
Producing Android adaptive icons with the correct foreground inset and density buckets
Creating a PWA icon set — maskable icons, favicon.ico, and manifest.json — in one pass
Replacing an aging favicon with a crisp multi-resolution .ico plus the matching <head> tags
Building a macOS .iconset to feed iconutil for a desktop app .icns
Keeping icons consistent across iOS, Android, web, and macOS releases of the same product

Source image

Click to upload or drag and drop

Accepted: image/* • Max 5 MB

PNG or SVG, square, 1024×1024 recommended

HTML <head> snippet

Paste into your site for the web / PWA icons

<!-- My App icons -->
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/manifest.json">
<meta name="theme-color" content="#6366f1">

Platforms

Style

Background

Padding

Fit

App metadata

App name

Theme color

One image, every platform

Upload a square source (SVG or a 1024×1024 PNG) and download a ready-to-drop ZIP: Xcode’s AppIcon.appiconset with Contents.json, Android mipmaps plus an adaptive icon, Web/PWA favicons, maskable icons, a real favicon.ico and manifest.json, and a macOS .iconset. Everything is rendered locally in your browser — your image never leaves the page.

Was this tool helpful?

Share Your Experience

Help others discover this tool!

Share on

App Icon Generator

How to Use

Key Benefits

Common Use Cases

Platforms

Style

App metadata

One image, every platform

Was this tool helpful?

Share Your Experience

Related tools

Frequently Asked Questions - App Icon Generator