Getting the iOS app icon dimensions right is the first step in creating a professional and trustworthy presence on the App Store. A well-designed icon acts as a silent salesperson, convincing users to download your app amidst a sea of competitors. While the process might seem straightforward, there are critical technical specifications and design principles that determine whether your icon looks crisp on a user's home screen or appears blurry and unprofessional. This guide breaks down everything you need to know about sizes, formats, and submission requirements to ensure your visual identity is perfect.
Understanding the iOS App Icon Dimensions Matrix
Unlike older versions of iOS that required a single image, modern App Store Connect submissions require a multi-dimensional set of assets to accommodate every possible display scenario. You cannot simply resize one image and expect it to work universally; each dimension serves a specific purpose, from the small thumbnail on search results to the large promotional banner. Mastering this matrix is essential for maintaining visual consistency across the Apple ecosystem, ensuring your brand identity remains sharp whether the user is browsing the App Store or interacting with their device.
Standard and Pro App Icon Sizes
The foundation of your icon set consists of the standard sizes required for the device home screen. Apple utilizes a points system for interface elements, but the actual pixel dimensions are double that number due to Retina displays. You must provide high-resolution versions that look sharp on the largest displays. Below are the mandatory dimensions you need to generate:
1024 x 1024 pixels (App Store Store Listing)
180 x 180 pixels (iPhone Pro App Icon)
167 x 167 pixels (iPad Pro App Icon)
120 x 120 pixels (iPhone App Icon)
87 x 87 pixels (Apple Watch App Icon)
Spotlight and Settings Icons
In addition to the primary icon, iOS requires smaller variations for system UI elements such as the Spotlight search list and the device Settings menu. These icons are typically smaller versions of your main design, simplified to ensure legibility at tiny sizes. While you can use the system to generate these automatically, providing dedicated assets gives you more control over clarity and detail. Ignoring these specific sizes can result in poor legibility or incorrect cropping when the system applies its default mask.
80 x 80 pixels (Spotlight iPad Pro)
40 x 40 pixels (Spotlight iPhone)
29 x 29 pixels (Settings iPad)
20 x 20 pixels (Settings iPhone)
The 1024 x 1024 Rule: App Store Optimization
The 1024 x 1024 pixel image you upload to App Store Connect is the master asset that Apple uses to generate all other resolutions. This means the quality of your largest image directly impacts the quality of the icons displayed to every user. Unlike web images where you might save for the web at a low quality, this file should be a pristine, high-fidelity representation of your brand. You must submit this without the standard iOS icon mask to allow Apple to apply their rounded corners and mask correctly during the rendering process.
Technical Requirements and File Formats
While the dimensions provide the structure, the file format ensures the colors and transparency render correctly. Apple prefers the PNG format for its lossless compression and support for alpha transparency, which is necessary for the rounded corner mask to apply properly. You should always deliver an image with a transparent background, avoiding the addition of rounded corners or glossy effects yourself. The final file must be under 1024 KB in size; if your artwork is too heavy, you may need to optimize the compression without sacrificing the visual quality to meet this threshold.
