react-native · iOS · Android
Generate React Native App Icons — Free App Icon Generator
Bare React Native projects use the same native icon slots as any iOS/Android app. Generate the trees here and replace Images.xcassets / res/mipmap-* contents.
Sizes & formats
| Size | Use | Notes |
|---|---|---|
| 1024×1024 | App Store / marketing | Opaque, square corners |
| 180 / 120 / … | Xcode AppIcon.appiconset | — |
| 1024 fg + bg | Android adaptive masters | FG safe ≈ 66% |
| 48–192 | mipmap densities | — |
| 512×512 | Play Store high-res icon | — |
Generate now
Focused generator for this tool only — files stay on your device. For every pack (ICNS, Expo, Flutter, Brand Kit, Store), open the full Launch Kit.
Focused tool
react-native · iOS & Android app icons
Live previews
Tap any tile to enlarge
Drop a logo to preview
Favicon, iOS, Android shapes, maskable, splash, OG — all live from one file.
How it works
- 1
Generate iOS + Android packs
Download the Launch Kit ZIP.
- 2
Replace native resources
Keep filenames expected by your templates.
- 3
Rebuild
Clean build so Xcode/Gradle pick up new icons.
Where to copy
ios/<App>/Images.xcassets/AppIcon.appiconset/ ← Contents.json + PNGs
android/app/src/main/res/mipmap-*/ ← ic_launcher.png densities
android/app/src/main/res/mipmap-anydpi-v26/ ← adaptive XML (from ZIP)FAQ
- Expo vs CLI?
- If you use Expo, prefer the Expo app icon page. This page targets bare RN native folders.
- Adaptive icons on older Android?
- Legacy mipmaps cover API levels without adaptive icons; keep both in the pack.
- Should iOS icons have rounded corners?
- No. Export a full-bleed opaque square. iOS applies the mask. Pre-rounding causes double-rounded artifacts and App Store rejection risk.
- What is an Android adaptive icon?
- Two layers — foreground and background — that the launcher composites and masks (circle, squircle, etc.). Keep the logo in the central ~66% of the foreground.
- Can I export an Xcode asset catalog?
- Yes. The iOS pack includes AppIcon-*.png files plus Contents.json for AppIcon.appiconset.
- Does this replace Figma for icons?
- It ships production sizes and configs from one master. Design exploration still belongs in your design tool; this closes the handoff to Xcode and Gradle.