Reference ❯ Icon Reference Chart ❯ iOS 7
Devices such as the iPhone 4 and 4S use a high resolution Retina display with twice the pixel density of other devices. Name these icons with a suffix of @2x.png.
You no longer need document icons in iOS7, as the OS uses your app icon to create one for you
| Sizes (px) | Format and naming | Notes |
|---|---|---|
Application and WebClip Icons |
||
|
76 × 76 (iPad non-retina e.g iPad2) 120 × 120 (iPhone @2x) 152 × 152 (iPad 3+ @2x) |
.png Gloss overlay is no longer added to web-clip icon, so '-precomposed' suffix is no longer required. |
Corner radius is 27px at 120px, but don't include this in the artwork, just aware that this portion is cropped. |
Settings icon |
||
|
29 × 29 58 × 58 (@2x) |
.png | iPad 1-2 sizes are the same as for non-Retina displays, although the final visual size of this icon is 48x48px as iOS trims 1px from each side of the artwork and adds a drop shadow. |
Spotlight Search Results icon |
||
|
40 × 40 80 × 80 (@2x) |
.png | iPad 1-2 sizes are the same as for non-Retina displays, although the final visual size of this icon is 48x48px as iOS trims 1px from each side of the artwork and adds a drop shadow. |
Toolbar and navigation bar icons |
||
| 22 × 22 44 × 44 (@2x) |
.png | iOS will use the alpha channel, applying shadow effects for you, so don't include any shadow in your artwork |
Tab bar icon |
||
| 25 × 25 50 × 50 (@2x) |
.png | Size can vary but 96 × 64 is the maximum |
Newsstand Cover |
||
| At least 1024 longest edge | .png | |
App Store icon |
||
| 512 × 512 1024 × 1024 (@2x) |
Must be named 'iTunesArtwork' without the .png extension | The App Store icon is reduced to 176px square for the app's listing. iPad will use a scaled version of this icon for custom document icon, if one hasn't been provided. |
