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
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.
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.
- 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
Drop or paste an image and the icon set builds here live.
140 files
The full file list renders here as soon as a source image is in.
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.