Create an iPhone Icon with No Border

In this tip on how to remove the shine/gloss effect on an iPhone icon, I showed the steps to go from an icon that looks like this:

to an icon that looks like this:

I got a question earlier today from a reader asking: “how can I create an icon with no shine effect and no border around it ? “, such as this:

Here’s all you need to do:

  1. Create an image with no border (57 x 57 pixels)
  2. Save the image as a transparent PNG file with the name Icon.png
  3. Import the file into your Xcode project Resources folder
  4. Set the UIPrerenderedIcon to YES as shown here: removing icon shine/gloss effect