It's also helpful when creating artwork for websites and other promotional material. Knowing the above is important, however, for icon usage within app UI where you have to apply the mask in code, or pre-rendered in photoshop. Apple will automatically mask each icon in the appropriate context. Those should all be square and not have any transparency. Here is a list of the most commonly used icons, proper naming conventions, pixel dimensions, and corner radii.Īlso, as mentioned in other answers, you don't actually want to crop any of the images you use in the binary or submit to Apple. Thus you can calculate the radius for any icon size using 10/57 x new size (for example 10/57 x 114 gives 20, which is the proper radius for a 114px icon). Apple starts with the 57px icon and a radius of 10 then scales up or down from there.
Use launch.png at 320x480 and at 640x960.Īfter trying some of the answers in this post, I consulted with Louie Mantia (former Apple, Square, and Iconfactory designer) and all the answers so far on this post are wrong (or at least incomplete). You can see this in action on the Summary page of the application target if you've done it right. To add a retina-compatible file, use the same file name and add So if I had a file for my 72x72 icon named icon.png, I would also add a 114x114 PNG file named to the project/target and Xcode would automatically use that as the icon on a retina display. There is also a very good answer from which has the location of image mask files used in the SDK for rounding icon corners If you do create a set of custom icons, you can set the UIPrerenderedIcon option to true in your ist file and it will not add the gloss effect but it will place a black background under it and still round the image corners with these corner radii so if the corner radius on any of the icons is greater then it will show black around the edges/corners.Įdit: See comment from and you can see that any future icon sizes should have a 1:6.4 ratio of corner radius to icon size. corner radius for the 144x144 icon = 23 (iPad Retina).corner radius for the 72x72 icon = 11 (iPad).corner radius for the 114x114 icon = 18 (iPhone/iPod Touch Retina).corner radius for the 57x57 icon = 9 (iPhone/iPod Touch).corner radius for the 1024x1024 icon = 180 (iTunesArtwork Retina).corner radius for the 512x512 icon = 80 (iTunesArtwork).You'll also need to enter the name you'd like to appear for your app on the home screen (but you can leave this blank if you prefer a more minimal look).You can make four icons (as of today) for your app and they can all have a different look - not necessarily based on the 512x512 image.
This might be in "Files" or "Photos", depending on where you've saved the icons in Step 1. This will bring up a file picker for you to choose your new icon for the app. 7 Tap the "Share" icon at the bottom 8 Tap "Add to Home Screen" 9 Tap the "Icon" button 3 Tap "Add Action" 4 Tap "Scripting" 5 Tap "Open App" 6 Tap "Choose"Īt this step, choose the app you'd like to create your new icon for. You'll be creating a "Shortcut" to your app, which will add a new icon for it on your homescreen that adds a new way to get to your app.
IPHONE APP ICON GENERATOR BY PT DOWNLOAD
If you haven't already, download the icon pack above on your phone (or elsewhere), and save it to "Files" on your iPhone so you can access the folder from your device (or you can save it to "Photos" if you'd prefer) 2 Open the "Shortcuts" app and tap "+"
IPHONE APP ICON GENERATOR BY PT HOW TO
Here's how to use and apply new icons in just a few quick steps: