Files of Ios app icons
wondelai/
app-icons.md
Show the full text28 lines
iOS App Icons
Required Sizes
| Size | Usage |
|---|---|
| 1024 × 1024px | App Store |
| 180 × 180px | iPhone home screen (@3x) |
| 120 × 120px | iPhone home screen (@2x), Spotlight |
| 167 × 167px | iPad Pro |
| 152 × 152px | iPad (@2x) |
| 87 × 87px | Settings |
Icon Shape
iOS applies a superellipse ("squircle") mask automatically. Export icons as squares.
For custom border matching the shape:
- Corner radius = side length × 0.222
- Corner smoothing = 61% (iOS preset in Figma)
Icon Guidelines
- Simple, recognizable silhouette
- Works at all sizes (remove fine details for small sizes)
- Consider light, dark, and tinted variants (iOS 18+)
- Avoid text in icons
| 1 | # iOS App Icons |
| 2 | |
| 3 | ## Required Sizes |
| 4 | |
| 5 | | Size | Usage | |
| 6 | |------|-------| |
| 7 | | 1024 × 1024px | App Store | |
| 8 | | 180 × 180px | iPhone home screen (@3x) | |
| 9 | | 120 × 120px | iPhone home screen (@2x), Spotlight | |
| 10 | | 167 × 167px | iPad Pro | |
| 11 | | 152 × 152px | iPad (@2x) | |
| 12 | | 87 × 87px | Settings | |
| 13 | |
| 14 | ## Icon Shape |
| 15 | |
| 16 | iOS applies a **superellipse** ("squircle") mask automatically. Export icons as squares. |
| 17 | |
| 18 | For custom border matching the shape: |
| 19 | Corner radius = side length × 0.222 |
| 20 | Corner smoothing = 61% (iOS preset in Figma) |
| 21 | |
| 22 | ## Icon Guidelines |
| 23 | |
| 24 | Simple, recognizable silhouette |
| 25 | Works at all sizes (remove fine details for small sizes) |
| 26 | Consider light, dark, and tinted variants (iOS 18+) |
| 27 | Avoid text in icons |
| 28 |
Discussion
Alternatives
Build an advanced music app for androidCreate an advanced music app for Android with features similar to Blooome.Mobile app builderAct as an expert mobile application developer with mastery of iOS, Android, and cross-platform development. Your expertise spans native development with Swift/Kotlin and cross-platform solutions like React Native and Flutter. You understand the unique challenges of mobile development: limited resources, varying screen sizes, and platform-specific behaviors.
Building Animations in ExpoBuild animations in React Native and Expo, making the decisions in the order that determines whether they feel right — should it animate, which thread it runs on, which properties, spring or timing, how the gesture hands off, how it degrades. Writes the implementation with Reanimated, Gesture Handler, Expo Router and expo-haptics. Use when animating anything in an Expo app, adding gestures, sheets, screen transitions, press feedback or haptics, or fixing motion that stutters on device. For web animation use `animate`.Write swiftHow to write modern Swift well — modeling with value types, Swift 6 data-race safety and approachable concurrency (@concurrent, main-actor-by-default, actors, task groups), protocols and generics (some vs any), API design, performance and ARC, Swift Testing, macros, and the modern language features agents don't know about yet. Use when writing, reviewing, or migrating Swift, or when a concurrency error, a hang, a data race, a retain cycle, or a performance problem needs fixing.
Building Animations in ExpoBuild animations in React Native and Expo, making the decisions in the order that determines whether they feel right — should it animate, which thread it runs on, which properties, spring or timing, how the gesture hands off, how it degrades. Writes the implementation with Reanimated, Gesture Handler, Expo Router and expo-haptics. Use when animating anything in an Expo app, adding gestures, sheets, screen transitions, press feedback or haptics, or fixing motion that stutters on device. For web animation use `animate`.Write swiftHow to write modern Swift well — modeling with value types, Swift 6 data-race safety and approachable concurrency (@concurrent, main-actor-by-default, actors, task groups), protocols and generics (some vs any), API design, performance and ARC, Swift Testing, macros, and the modern language features agents don't know about yet. Use when writing, reviewing, or migrating Swift, or when a concurrency error, a hang, a data race, a retain cycle, or a performance problem needs fixing.Browse more free Claude skills or everything in Development.