Free App Icon Generator — iOS + Android All Sizes in One Click

What is the App Icon Generator — iOS + Android All Sizes?

The App Icon Generator is a browser tool that turns a single high-resolution square logo into the full iOS and Android app icon set required for App Store Connect and Google Play submission. Per-platform size lists, configurable background and safe-area padding, corner-radius preview, and direct PNG export with developer-friendly filenames.

Key features

• 12 iOS sizes (Notification, Settings, Spotlight, iPhone, iPad, App Store 1024)
• 6 Android sizes (mdpi → xxxhdpi + Play Store 512)
• iOS-compliant opaque flatten (no rejected submissions)
• Android adaptive-icon safe-area padding (0–30%)
• Solid background colour control
• Live preview at multiple sizes simultaneously
• Developer-friendly filenames (icon-180-iphone-3x.png)
• 100% client-side — no upload, no signup, no watermark

How it works

The tool loads your source image into an HTMLImageElement and iterates through the platform's required size list. For each size it allocates an offscreen canvas at the exact target resolution, fills the chosen background colour (or skips if transparent), applies optional rounded-corner clipping, then draws the source image at object-fit:contain inside the safe area defined by the padding percentage. iOS sizes follow Apple's Human Interface Guidelines: 20pt @1/2/3, 29pt @1/2/3, 40pt @2/3, 60pt @2/3, 76pt @2, 83.5pt @2, and 1024 marketing. Android follows Material guidelines: 48 mdpi, 72 hdpi, 96 xhdpi, 144 xxhdpi, 192 xxxhdpi, and 512 Play Store. Each canvas is exported with toBlob('image/png') and downloaded sequentially via Blob URLs with descriptive names (icon-180-iphone-3x.png, icon-512-play-store.png) so engineers can drop them straight into AppIcon.appiconset or mipmap-* directories without renaming. Everything runs client-side. Source image, downscaling, encoding and downloads all stay in your browser. No data leaves the device — essential for unreleased apps under NDA.

Why use this tool

Most online app-icon generators either limit you to common sizes, watermark exports, gate iOS/Android lists behind a paid plan, or upload your logo to a server. PikDraw runs in your browser, generates every required iOS and Android size from a single source, names files for direct developer drop-in, and asks for nothing — no signup, no email, no watermark, no daily limit.

Common use cases

• Shipping a new iOS or Android app and needing every icon size at once
• Refreshing app branding across all store and launcher sizes
• Hand-off pack for engineers when designer delivers a single master icon
• Generating preview assets for App Store screenshots and Play Store listings
• Building icon sets for React Native, Flutter or Expo projects
• Replacing default placeholder icons in template projects

How to use this tool

1. Upload a 1024 px square source — Apple App Store and Google Play both require a 1024×1024 master. Drop a PNG or SVG at that size or larger — the tool downscales to every required size from a single high-quality source.
2. Pick platform target — Choose iOS only, Android only, or both. iOS expects 12 sizes (Notification, Settings, Spotlight, iPhone, iPad, App Store). Android expects 6 (mdpi through xxxhdpi plus Play Store 512).
3. Set background and padding — iOS icons must be opaque — pick a solid colour. Android adaptive icons need ~10% safe-area padding so the system mask doesn't crop your logo. The padding slider previews exactly what the OS will render.
4. Apply corner radius (preview only) — iOS rounds icons automatically with a 22.37% superellipse — your export should stay square. Use the radius slider only if you want to ship pre-rounded icons for marketing previews or non-store contexts.
5. Download the full set — Hit Download — each icon ships as a separate PNG named icon-{size}-{usage}.png ready to drop into your Xcode AppIcon.appiconset or Android mipmap-* directories.

Who should use this

iOS / Android developers preparing App Store and Play Store submissions, designers delivering icon packs to engineering teams, indie founders shipping their first app, React Native / Flutter / Expo developers configuring asset catalogs, agencies bulk-generating icons across client apps, and anyone who needs a full mobile-app icon set without uploading proprietary brand work to a third-party server.

How to get started

Drop a 1024×1024 source PNG, pick iOS + Android, accept the default 10% padding and your brand background colour, hit Download. You'll have every required icon ready for Xcode or Android Studio in under a minute.

Best practices

• Always start from a 1024×1024 master — Apple rejects App Store submissions with smaller files
• Keep iOS backgrounds opaque (any solid colour) — transparency causes App Store Connect rejection
• Use 10–20% padding for Android adaptive icons so the system mask doesn't crop your mark
• Don't pre-round corners — iOS and Android apply their own masks; double-rounding looks broken
• Keep the source as vector or 2048+ PNG so you can re-export when Apple or Google adds new sizes
• Test the 60 px Settings icon on a real device — it's the smallest size users actually see

Pro tips

• Always start from 1024×1024 — Apple rejects App Store submissions with smaller masters.
• iOS icons cannot contain alpha — the tool flattens to your chosen background automatically.
• Android adaptive icons need 66% safe area in the centre; the 10% default padding covers most logos.
• Test on a real device before submission — Spotlight and Settings icons can reveal compression artefacts.
• Keep the source vector — re-export anytime Apple or Google adds new sizes (it happens yearly).

Expert insights

Limitations to be aware of

• iPhone / iPad / Android launcher icons only — WatchOS, tvOS and macOS not in v1
• Single source image (no per-size custom artwork) — design the master to scale well
• PNG export only — App Store and Play Store both prefer PNG so this is by design
• No asset-catalog packaging — files download individually for manual drop-in

Frequently asked questions

What iOS icon sizes are generated?

All 12 currently required: 20pt (Notification @1×/2×/3× = 20/40/60), 29pt (Settings @1×/2×/3× = 29/58/87), 40pt (Spotlight @2×/3× = 80/120), 60pt (iPhone @2×/3× = 120/180), 76pt (iPad @2× = 152), 83.5pt (iPad Pro @2× = 167) and 1024×1024 App Store marketing icon. That covers iPhone, iPad and App Store Connect submission.

What Android icon sizes are generated?

All 6 launcher densities (mdpi 48, hdpi 72, xhdpi 96, xxhdpi 144, xxxhdpi 192) plus the 512×512 Play Store listing icon. Drop these into mipmap-mdpi, mipmap-hdpi, mipmap-xhdpi, mipmap-xxhdpi and mipmap-xxxhdpi inside res/, and upload the 512 to Play Console.

Why do iOS icons need to be opaque?

Since iOS 7 Apple has enforced opaque app icons — transparency in the upload causes App Store Connect to reject the binary with 'Invalid Icon' errors. The tool automatically flattens your image onto your chosen background colour so the exports always pass review.

What is Android adaptive icon padding?

Android 8+ icons live inside a 108×108 dp container but the system reserves 33% safe area on each side for parallax and mask effects (circle, squircle, teardrop). That means only the centre 66% of your icon is guaranteed visible. The default 10% padding is a safe conservative value; bump to 20% if your logo extends near the edges.

Should I round the corners?

No — iOS applies its own 22.37% superellipse mask, Android applies the user's chosen mask (circle, squircle, etc). Shipping pre-rounded icons creates double-rounding that looks broken. Leave radius at 0% for store submissions and only use it for marketing previews where you want the rounded look in screenshots.

Do I need separate Notification, Settings and Spotlight icons?

Apple recommends one source icon scaled by Xcode's asset catalog, but high-density Notification (60 px) and Settings (87 px) icons benefit from optimised versions because the system displays them at very small sizes where antialiased downscaling can muddy fine details. The tool generates each so you can ship them all or pick the ones you need.

Does it work for App Clips / WatchOS / tvOS?

The current set targets iPhone, iPad and Android. App Clips share the App Store 1024 icon, so that file is reusable. WatchOS and tvOS use different size lists and are on the roadmap.

Is anything uploaded?

No. Source image, all canvas downscaling, every PNG encoding and all downloads stay in your browser. No telemetry, no server roundtrip, no daily limit.