Your files stay on your device

All platforms

Every target in one download: Android, iOS, Expo, Flutter, Tauri, Electron, Dioxus, desktop, and web.

All platforms

124 images · 16 configs · 16-1024 px

Source layers

Drop one square source image (1024×1024+ recommended), or paste with Ctrl+V

or click to browse from your device

Supports: PNG, JPG, JPEG, WEBP, AVIF, SVG, BMP, TIFF

Fit

The source image stays in this tab only. A reload starts the workbench fresh, on the same platform tab.

Background

A background image fills the adaptive background layer and overrides the color.

Options

Opaque outputs here (iOS icons, Play Store icon, apple-touch icon, Expo icon) flatten transparency to white. Set a background color or image to control the fill.

iOS set
How it works
Contain letterboxes the source inside each square; cover fills and crops. Padding insets the foreground inside the platform safe zone and flows into the downloaded files. Adaptive layers split the icon into a foreground and a background drawable. Monochrome outputs fill the source silhouette with the mono color. Maskable icons hold the artwork inside the browser's safe circle.
Output summary
  • Archive0 images · 1 config
  • Android16 images · 2 configs · 48-512 px
  • iOS1 image · 1 config · 1024-1024 px
  • Expo / React Native3 images · 1 config · 1024-1024 px
  • Flutter61 images · 4 configs · 16-1024 px
  • Tauri7 images · 1 config · 16-512 px
  • Dioxus6 images · 1 config · 16-512 px
  • Electron9 images · 1 config · 16-512 px
  • GPUI desktop12 images · 1 config · 16-1024 px
  • PWA / Web9 images · 3 configs · 16-512 px
Preview
Drop or paste an image and the icon set builds here live.
Icon set
140 files

The full file list renders here as soon as a source image is in.

Config snippet
Files
{
  "expo": {
    "icon": "./assets/icon.png",
    "android": {
      "icon": "./assets/icon.png",
      "adaptiveIcon": {
        "foregroundImage": "./assets/adaptive-icon.png",
        "backgroundImage": "./assets/adaptive-icon-background.png"
      }
    },
    "web": {
      "favicon": "./assets/icon.png"
    }
  }
}
Paste, drop, or type to begin. Everything stays on this device.