3

What are the radii and sizes for the new iOS 7 icons?

1
  • I'd have to assume they're the same as past icons as they're not forcing every developer to create new icons.
    – DA01
    Jun 12, 2013 at 21:14

2 Answers 2

2

If this is the correct icon, looks like the border radius is 12px.

The overall size is 60 x 60px.

ios7 icon

Image taken from DesignBoom

2
  • This is the issue I am talking about: cultofmac.com/231487/… Jun 12, 2013 at 20:09
  • 3
    @ZackAronson so does that article answer your question? If so, you should post it as an answer!
    – JohnB
    Jun 21, 2013 at 12:21
1

It's not a radius. The iOS icon grid, including the corner curve can be easily put together using two ratios. These ratios are the golden section and the square root of two. Determining the points through which the curved corner passes is surprisingly simple. The grid as it is presented by Apple shows how to establish three points of the curve:

  1. the point where the curve departs from the horizontal
  2. the point where it departs from the vertical, and
  3. the point where it intersects the 45 degree line drawn from the centre.

Extending the grid using the ratios mentioned above perfectly establishes two more points through which a line of best fit can be drawn, e.g., a Bézier curve.

Here is a more detailed study on my blog.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.