KolorPal

App Icon Generator

Upload one square image and download every icon size for iOS, Android, macOS, watchOS and the web as a zip. Pick a background from your palette, add padding, and preview the maskable safe zone. Nothing leaves your browser.

Drop your icon here, or click to choose

PNG, SVG, JPG or WebP · square, 1024×1024 recommended

One image, every icon your app needs

App stores and operating systems each want their own stack of icon sizes — fifteen for iOS alone, eleven for Android, a dozen for the web. This generator renders them all from a single 1024×1024 image with high-quality downscaling, names the files the way Xcode, Android Studio and web manifests expect, and packs them into one zip. Because it runs entirely in your browser, your artwork is never uploaded.

How to use it

  1. Export your icon as a square PNG or SVG, ideally 1024×1024 with no rounded corners — the OS applies the mask.
  2. Drop it in, then tick the platforms you ship to. iOS and watchOS icons cannot be transparent, so a background fill is applied automatically.
  3. Choose a background from the presets or the Material palette, and add padding if your artwork touches the edges.
  4. Click download. The zip is organised by platform with the exact filenames each toolchain expects.

Which sizes are included

iOS/iPadOS: App Store 1024, iPhone and iPad @2x/@3x, Spotlight, Settings and Notification sizes. Android: Play Store 512, adaptive foreground layers (mdpi–xxxhdpi) and legacy launchers. macOS: 16 to 1024 at @1x and @2x. watchOS: App Store, Short Look, Home and Notification sizes. Web/PWA: 512 and 192 (standard and maskable), Apple Touch 180, MS Tile 144, Chrome 128/96 and favicons 48/32/16.

Tips for icons that look good at every size

Frequently Asked Questions

What image should I upload?▾

A square PNG, SVG, JPEG or WebP, ideally 1024×1024 or larger. Leave the corners square — iOS, macOS and Android apply their own masks.

Why does iOS need a background color?▾

Apple rejects App Store icons with transparency. When iOS or watchOS is selected the generator fills transparent areas with your chosen background (white by default).

What is a maskable icon?▾

Progressive web apps declare maskable icons so the OS can crop them into circles or squircles. Your artwork must stay inside the central 80% safe zone, shown as the dashed circle in the preview; the maskable files are padded automatically.

Is my image uploaded anywhere?▾

No. Resizing and zipping happen in your browser with the Canvas API; nothing is sent to a server.