How to use App icons
- 1. Upload a logo. PNG, JPG, WebP, or SVG — or use a monogram without an image.
- 2. Adjust padding and background. Gradient fills, logo color picks, scale slider, and promo badges.
- 3. Preview platforms. Switch iOS, Android, and Web mockups before export.
- 4. Download ZIP. Icons, marketing frames, batch variants, and framework configs.
About this tool
Shipping an app means dozens of icon sizes across Xcode, Android Studio, and the web manifest. This editor renders every size locally from one master artwork — adaptive foreground and background layers, Material You monochrome, and a ready-made Contents.json.
Android adaptive icons
Modern Android expects separate foreground and background layers plus a monochrome drawable for themed icons. The ZIP includes mipmap-anydpi-v26 XML and all density buckets.
Privacy
Canvas rendering and JSZip run entirely in your browser. Your logo never touches a server.
Code examples
Workflow
Upload logo → tune padding → Download ZIP → drag AppIcon.appiconset into Xcode