Step 1: Create the icon images
Modern Mac icons pack five different resolutions in one
.icns
file, from 16x16 to 512x512:icon_16x16.png
icon_32x32.png
icon_128x128.png
icon_256x256.png
icon_512x512.png
@2x
" added to the base filename, so in addition to the five standard resolution icon images, you now need five double resolution ones:icon_16x16@2x.png
icon_32x32@2x.png
icon_128x128@2x.png
icon_256x256@2x.png
icon_512x512@2x.png
icon_16x16@2x.png
is 32 by 32 pixels and icon_512x512@2x.png
is 1024 by 1024 pixels. Some of these images have equivalent pixel sizes: icon_32x32.png
and icon_16x16@2x.png
are both 32 by 32 pixels. You may be able to get away with using the same bitmap in many cases, but you (or your icon designer) may want to tweak each version to look best on their respective display types.Step 2: Add an
.iconset
to the Xcode projectIn the olden days, you would use the Icon Composer app to build your
.icns
file, but it's no longer being updated by Apple and doesn't support double resolution images. Today, Xcode will build your .icns
file automatically for you. (Alternately you can use the iconutil
command line utility to build .icns
with high res images or to extract images from .icns
files; see Apple's High Resolution Guidelines for OS X for details.)The trick to making Xcode build your
.icns
automatically is to put your set of icon images in a folder named <ICON_NAME>.iconset
, where <ICON_NAME>
becomes the base name for your .icns
file. Add this folder to your Xcode project and Xcode will then create <ICON_NAME>.icns
when you build, and automatically copy it to your app bundle.Note that the images in the
.iconset
directory need to have the names given above: "icon_16x16.png
" through "icon_512x512@2x.png
" or you will see a warning in Xcode when building your project and the mis-named images won't be included.Step 3: Add the icon to the Info.plist
To set your app's main icon, add the "Icon File" key to your app's
Info.plist
file and set the value to <ICON_NAME>
(without the .icns
extension). If you used the standard Xcode template to create your app, your Info.plist
will be named "<APP_NAME>-Info.plist
", where <APP_NAME>
is your app or project name. For those of you who like to edit your .plist
files as XML, the key name is CFBundleIconFile
.You can also drag the
.iconset
directory from the finder or the Xcode project navigator to the "App Icon" pane of the Summary tab for your app's target (pictured above). If you use this approach, Xcode will insist on copying the .iconset
into the root folder of your project, even if you've already added the .iconset
somewhere else in your project's directory tree (<sarcasm>another great example of Apple's attention to detail</sarcasm>.) If you're not fussy about your project organization, you can simply let Xcode have its way; otherwise you can remove the copy Xcode makes and add the .iconset
in a more appropriate place, like the Resources
folder; just make sure to leave the "Icon File" key in your Info.plist
and Xcode will show the icon in the "App Icon" pane.Easy as 1-2-3
Not hard once you figure it out, and a nicer workflow than having to wrestle with a half-baked special purpose app like Icon Composer.