iOS 7 icon shape (PSD)

Edit, September 30, 2013: This PSD has been superseded by the Bjango App Icon Templates.

Here’s a comparison of the exact iOS icon rendering, original shape, and Mike Swanson’s improved shape: Comparison GIF

I’ve been trying to figure out the exact shape of the iOS 7 icons, with the help of Manfred Schwind and Michael Flarup. I initially thought it was a perfect superellipse, but that turned out to be incorrect (it’s close, but not close enough).

Manfred’s solution of grabbing the path data from iOS has proven to be the closest, but it’s still not absolutely perfect, as can be seen from the image diff above on the right. This may be down to differences in antialiasing. Please note that I compared Safari’s SVG rendering (which I assume is the closest to, or matches CoreGraphic’s shape rendering) and Photoshop’s shape rendering — the final icon shape AA was closer using Photoshop's shape AA (image diff, with Safari on the left and Photoshop on the right).

Further reading:
Exploring iOS 7 Rounded Corners
Start making iOS 7 Icons with the App Icon Template 3.0
iOS Rounded Rect Script for Photoshop

iOS_7_icon_shape_iPad.svg
1 KB
Download
iOS_7_icon_shape.psd
70 KB
Download
iOS_7_icon_shape.svg
1001 Bytes
Download
iOS_7_icon_shape_iPad.psd
100 KB
Download
Posted on Jun 23, 2013
Marc Edwards ✎ Bjango
Makers of Snowflake, iStat Menus, and Skala.

More by Marc Edwards ✎ Bjango

View profile