App Icon Generator

One image, every icon size

Upload a single PNG, JPG or SVG and download a complete app icon package: every iOS size from 20 by 20 up to 1024 by 1024, every Android launcher density bucket, plus 192 and 512 PWA manifest icons. The package ships as a ZIP with an ios/, android/ and pwa/ folder plus a README.txt that explains where each file goes.

For best results upload a square source image of at least 1024 by 1024 pixels. The generator preserves transparency so the OS can apply its own background or rounded mask on top of the icon. If you need a maskable variant for some browsers, generate a version with extra padding yourself and reference it from your manifest.

Common uses include iPhone home screen icons, iPad split-view icons, Android launcher icons, Play Store listing thumbnails, adaptive icon foreground and background layers, and PWA install prompts.

Quick Answer

The App Icon Generator turns one source image into every iOS, Android and Progressive Web App icon size, organised under ios/, android/ and pwa/ folders inside a single ZIP. The package contains 13 iOS sizes, 6 Android launcher densities and 2 PWA manifest icons, plus a README.txt explaining where each file goes.

Requirements

Supported input

PNG, JPG or SVG, up to 10 MB. A square source of at least 1024×1024 pixels gives the sharpest result at every size.

Output format

A single ZIP file containing 21 PNG files under ios/, android/ and pwa/, plus a README.txt with platform placement notes.

What it does not do

The generator preserves the source image. It does not add rounded corners, drop shadows or solid backgrounds. iOS and Android apply their own mask and background at the OS level.

How it works

1. 1 Upload your image. PNG, JPG or SVG up to 10 MB.
2. 2 Generate every icon size. Multi-step LANCZOS downscale to 21 platform-ready PNG files.
3. 3 Download your ZIP. Drop the ios, android and pwa folders into your project.

Supported icon sizes

The package includes every size iOS, Android and PWAs commonly request. Requirements can vary by platform and version, so use the files relevant to your setup.

Common app icon mistakes

Most icon problems come from the source image or from missing sizes. These are the issues that come up most often:

• Uploading an image that is too small. A source below 1024 by 1024 pixels has to be enlarged to produce the 1024 by 1024 iOS App Store icon, and enlarging adds no detail — edges turn soft. Start from a sharp square image of at least 1024 by 1024 pixels so every size has real data to work with.
• Rounding the corners yourself. iOS, Android and PWAs apply their own mask on top of the icon. Pre-rounded corners end up smaller than they need to be because the OS mask crops further inside. Ship a square PNG and let the platform handle the masking.
• Skipping the source square. A square source image avoids unwanted padding or cropping. When the source is wider than it is tall the generator letterboxes the icon with a transparent border; for a clean edge-to-edge result start from a square of at least 1024 by 1024 pixels.
• Dropping icons in the wrong mipmap bucket. Android buckets icons by screen density. A 192 pixel icon belongs in mipmap-xxxhdpi; placing it in mipmap-mdpi leaves high density screens with a blurry fallback. The android/ folder ships the exact filename Android expects for each density.

Platform notes

Each platform treats the icon a little differently. The notes below cover the common case: where to drop the files, what the platform does on top of them, and any quirks to watch for.

iOS / iPadOS

Drag every PNG from the ios/ folder into the AppIcon.appiconset asset catalog inside Xcode, then match each filename to the slot Xcode lists in the asset inspector. Modern asset catalogs expect 13 sizes from 20 by 20 up to 1024 by 1024. iOS does not flatten transparent icons — the icon is drawn on top of the system wallpaper. iOS does apply a rounded mask automatically; you do not need to round the corners yourself.

App Store Connect upload

Apple's Human Interface Guidelines state the App Store icon must be 1024 by 1024 pixels and opaque — the file must not contain a transparency layer. This package preserves the source's transparency, so when you upload a logo with a transparent background the ios/icon-1024x1024.png file will still contain alpha. To avoid an App Store Connect rejection, flatten the source image against a solid background before uploading, or pre-process the 1024 by 1024 file to fill its alpha channel before submitting it to App Store Connect.

Android

Drop the PNGs from the android/ folder into the matching mipmap density buckets under res. Each size maps to a bucket: 48 to mipmap-mdpi, 72 to mipmap-hdpi, 96 to mipmap-xhdpi, 144 to mipmap-xxhdpi and 192 to mipmap-xxxhdpi. The 512 pixel file is a useful source for adaptive icon foreground and background layers and for Play Store listing thumbnails. Modern Android typically uses adaptive icons declared in res/mipmap-anydpi-v26.

PWA

Reference the 192 and 512 pixel PNGs from the web app manifest. If you also ship a maskable variant, declare it with "purpose": "maskable" so browsers know it is safe to crop into a circle or rounded shape. PWA installability depends on more than icon files — you also need a valid manifest, appropriate HTML links, a secure origin and the other requirements enforced by the browser you target.

Flutter

Add the generated icons to the assets folder referenced by your flutter_launcher_icons configuration, or place the iOS PNGs into Runner/Assets.xcassets/AppIcon.appiconset and the Android PNGs into android/app/src/main/res/mipmap-*. The flutter_launcher_icons package automates this when you provide the 1024 pixel iOS source and a 512 pixel Android source.

React Native & Expo

React Native projects typically point to the iOS and Android asset folders from a script such as react-native-asset. Expo apps use app.json's icon field plus ios.icon and android.adaptiveIcon; the 1024 pixel PNG works for the iOS slot and the 512 pixel PNG works for the Android foreground slot.

Capacitor & Ionic

Place the iOS icons in resources/AppIcon.appiconset and the Android icons in android/app/src/main/res/mipmap-*. Capacitor's @capacitor/assets CLI automates the placement when you provide the 1024 pixel iOS source and a 512 pixel Android source.

Sources

Each factual claim on this page — the iOS icon size ladder, the web app manifest structure, the PWA icons array, and the Apple Touch Icon size — is sourced from the canonical documentation below.

• Apple Human Interface Guidelines - App icons: https://developer.apple.com/design/human-interface-guidelines/app-icons — Apple's canonical guidance for app icons across iPhone, iPad, Mac and the App Store.
• W3C - Web App Manifest: https://www.w3.org/TR/appmanifest/ — W3C specification for the web app manifest, including the icons array browsers use for PWA install prompts.
• MDN - Web app manifest: https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps/Manifest — Browser reference for the web app manifest JSON file and the icons array.
• Apple Developer - Configuring Web Applications: https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html — Apple's documentation for the apple-touch-icon link relation and the iOS home screen icon.