I’ve updated the iPhone / iPad icon PSD I released not too long ago with some fixes and a 114×114 pixel icon template for designing icons for Apple’s hottest new device.
Download it here. I cannot be held responsible for inaccuracies, flaws and errors in this this PSD I might have overlooked, but if you notice anything please let me know in the comments.
Again, if you appreciate it, tweet this to help your fellow designers and developers make nicer icons for iPhone 4 (and beyond).
Excellent.
Awesome work once again, also a small typo in your post “help” where you meant “held” – Nice one.
Nit within the post – “I cannot be *help* responsible”
Feel free to delete this comment if you like once it’s fixed.
Great job! One correction “I cannot be ‘held’ responsible” :)
My god you people are all over it. Got it. Thanks guys.
Amazing resource, thanks a lot! And just after I downloaded your template from before :)
Does this have the right border radius so that if you add a little stroke it shows right in the springboard and itunes?.
I have found it to be either 83 or 90px at 512 (with snap to pixels on on photoshop paths)
Thanks for this resource! It inspired me to create an application to chop up an image like this into the correctly named icon files. This app is called ChopShop and I just released it last night: http://inscopeapps.com/blog/chopshop-10/
During my research for this app I found in the docs that the iPad search icon is 50px, your template has it as 48px. Also you might want to include the iPhone 4 search icon, which is 58 px.
I’m curios have you seen the latest Apple guidelines on app icons.
They specifically require solid rectangles, with no transparency. You can still customize it and stop them from applying their own shine (UIPrerenderedIcon property in Info.plist), but they insist on being a non-transparent square.
This for instance excludes any customer borders you might want to add.
Not sure how much they will enforce that though.
Brilliant! This is going to come in very handy. Thanks for the hard work and putting this up there. Cheers.
Seb, thanks for these again.
One note: make the icon label into Paragraph Text, set its width to the device’s actual max width, and center the text. It’ll make it easier to test how the icon looks with the label on it.
Lovely work, thank you.
How do the devices determine which icon to use? (e.g. for a webapp that runs on both iPad and iPhone)
Thanks for making this — and for updating it too, it’s helped me a ton!
One thing I’d like to mention to anyone working with this is that for the iPad settings icon, iOS expects to get a 50px icon, but trims 1px from each size to display it. Be aware of this when exporting the final icon. You should export a 50x50px icon, not a 48x48px one.
sorry to sound ignorant, but how do you package all these icons into the iphone app? Is each size named something different (can i get a link to that list?) or do I zip them into an Icon.zip file?
This seems like the best place to ask!
Thanks!
@Jason — for iPhone & iPod Touch (not sure about iPad) you need to save your icon as “apple-touch-icon.png” and upload to your server’s root folder.
Just wanted to say thanks for the template. Quite helpful!
Thank you for this awesome resource it comes in really handy I use it right now! Peace!
This file was great and incredibly useful!! Thank you!
However….
There are missing required icon sizes from the file, and it could be labeled a little better, such as the names of the icons you need to save-as, and their dimensions.
Information here:
http://developer.apple.com/iphone/library/documentation/userexperience/conceptual/mobilehig/IconsImages/IconsImages.html
Nice template thanks…
I wondered, what effect does the DPI have on the quality of the final icons when displayed on the device(s)?
I see your PSD is 72dpi – does that matter. Should each of the icons be done at the DPI of their target device also?
thanks in advance,
J
Check your email.
I’m curious about what J said as well. Your PSD file is at 72PPI, where as the Retina Display has a resolution of 326PPI, I’m a bit confused. Could you please clarify?
Thanks! great job!
I love you, thank you for this template.
And I love your blog :D
From France !
Oh man, this is so great. Thanks!
this just saved me a ton of work for an app mock-up. Thank you, I totally love you.
Excellent job! Thank you man! I’ve spent a lot of time looking for something suitable. Your icon was the best! You should add “donate” button to your site, so readers will have a possibility to gratify you for your great work!
Thank you so much for providing this template. Made my job so much easier and allowed me to come up with something for a client that is both professional and matches the iPhone styling. Awesome!!