~/squareone ❯ generate --all
App icon generator for iOS, Android, Expo and Flutter
One image in, every app icon out: an iOS AppIcon set with dark and tinted variants, Android adaptive and themed icons, Expo and Flutter configs. In your browser, your terminal or your AI agent.
Drop your icon artwork or tap to browse
Square PNG or SVG, ideally 1024×1024px or larger
Appearance
100% fits the icon. Logos usually look best at 70–85%; Android keeps the artwork inside the 72dp visible area of its 108dp layers.
Platforms
iOS
Android
A transparent one-color glyph. Leave empty to derive it from your artwork.
upload artwork to see your icon here
▸ app-icons.zip
Upload artwork to generate the icons.
How it works
- [01]
Upload your artwork
A square PNG or SVG. Background color and size are suggested from the image.
- [02]
Check every mask
Preview the icon on an iOS and Android home screen, in dark, tinted and themed modes.
- [03]
Download the ZIP
Every icon, the config files and a README with copy-paste setup steps.
Guides for every platform
Each page has the generator preset for that platform and a step-by-step setup guide.
- iOSA 1024px AppIcon set for Xcode 14+, iOS 18 dark and tinted variants, or the full legacy size list.AppIcon.appiconset
- AndroidLegacy and round launcher icons, adaptive 108dp layers, the themed icon layer and a Play Store icon.mipmap-anydpi-v26
- Expoicon, android.adaptiveIcon and ios.icon for app.json, with every image they reference.app.json
- React NativeDrop-in files for the ios and android folders of a bare React Native app.Images.xcassets
- FlutterSource images and a flutter_launcher_icons.yaml with adaptive, themed and iOS 18 options.flutter_launcher_icons.yaml
- Size cheat sheetEvery app icon size for iOS, Android, Expo and Flutter in px, pt and dp on one page.108 × 108 dp
// new
Let your AI agent set up the app icons
Connect the SquareOne MCP server to Claude Code, Cursor, Codex or VS Code. Your agent previews the icon on every mask, generates the files and wires them into the project. Runs locally, so your artwork never leaves your machine.
Set up MCP❯ claude mcp add squareone -- npx -y squareone mcp
> Use design/icon.png as the app icon, with a dark variant
✓ preview_app_icon
✓ generate_app_icons
✓ replaced AppIcon.appiconset and mipmap resourcesFrequently asked questions
Which icon sizes does SquareOne generate?+
For iOS a single 1024x1024 icon for Xcode 14 and newer (or the full legacy size set), with optional iOS 18 dark and tinted variants. For Android the 48dp launcher and round icons in five densities, 108dp adaptive foreground layers, the Android 13 themed (monochrome) layer and a 512px Play Store icon. Expo and Flutter get their own config files.
Will Apple accept these icons?+
Yes. iOS icons are always rendered on your background color, because App Store Connect rejects app icons with transparency, and the asset catalog compiles with Xcode's actool. Don't pre-round the corners; iOS applies the mask itself.
Does it support Android adaptive and themed icons?+
Yes. You get foreground layers, a background color resource and mipmap-anydpi-v26 XML files. With Themed icon on, the monochrome layer is part of ic_launcher.xml, which is what Android 13+ reads for themed icons.
What image should I upload?+
A square PNG or SVG of at least 1024x1024px. Full-bleed artwork works at 100%; a logo on a transparent background usually looks best at 70-85% with a background color.
Is my image uploaded to a server?+
No. SquareOne runs entirely in your browser. The CLI and MCP server also run locally on your machine.
Is it free for commercial apps?+
Yes. SquareOne is free with no sign-up, and the icons you generate are yours.