How can I set the icon for a Mac Application in Xcode?

XcodeCocoaMacosIcons

Xcode Problem Overview


I have been learning a lot about writing Objective-C code and designing in Interface Builder and I wanted to set icons for my simple programs.

I added the same JPG to all the size fields in Icon Composer and got an ICNS, but I couldn't figure out how to add it to the project.

Thank you in advance.

Xcode Solutions


Solution 1 - Xcode

Since Xcode 4.4 Icon Composer is no longer the recommended way to create icons and is no longer included in the standard install of Xcode. Due to the introduction of Macs with retina display, it is now recommended to provide high resolution versions of all graphics including app icons.

To give your app an icon under Xcode > 4.4 do the following:

  1. Create a folder [IconName].iconset in Finder

  2. In this folder place your icon as png files. You'll need the icon in sizes of 16px, 32px, 64px (retina only), 128px, 256px, 512px and 1024px (retina only)

  3. These icons must be named with the pattern icon_16x16.png, icon_32x32.png, icon_128x128.png and so on

  4. To support retina displays you must also add icon files with double resolution, named [email protected] (with size 32x32), [email protected] (size 64x64) and so on up to [email protected] (size 1024x1024).

  5. drag this [IconName].iconset folder to Xcode (copy if necessary)

  6. in the info.plist file set the "CFBundleIconFile" (Icon File as Key) value to [IconName] but without the .iconset extension

Annotations:

  • it is (currently) not required to provide the @2x icons
  • it will (usually) also work if you don't provide every icon file
  • the iconset folder should not contain a icon_64x64.png file. the 64px icon is only for the retina version of the icon_32x32

Update: In the end your .iconset folder has the following 10 items:

icon_16x16.png
icon_16x16@2x.png
icon_32x32.png
icon_32x32@2x.png
icon_128x128.png
icon_128x128@2x.png
icon_256x256.png
icon_256x256@2x.png
icon_512x512.png
icon_512x512@2x.png

Official guide:

https://developer.apple.com/library/content/documentation/GraphicsAnimation/Conceptual/HighResolutionOSX/Optimizing/Optimizing.html

Additional information:

To convert the iconset folder to an icns file, run the following command on the terminal:

iconutil -c icns [IconName].iconset

where [IconName] should be replaced with the prefix of the iconset folder. You now have a file called [IconName].icns. In Xcode 4.4, in the Target Summary, right click the question mark for the icon, then select the icns file. You should then see the question mark get replaced with the icon.

Solution 2 - Xcode

As of Xcode 7 (not sure when this was originally introduced), you can use the Assets.xcassets file for app icons. This file is included by default for new projects.

Simply:

  1. Go to your target's settings and ensure that under General, App Icons the Source is set to AppIcon.
  2. Add all 10 png icons to your Assets.xcassets's AppIcon image.
  3. Delete derived data if you have launched the app before, otherwise it will continue to show the default icon.
  4. Run the app; it should now show your icon in the Dock, Application Switcher, and anywhere else it should appear.

Solution 3 - Xcode

Follow these steps to add an application icon to your project. This is the icon that will be show by the MacOS in the doc bar and alt-tab display.

  • Create an icon .icns resource file
  • Place it in the "resources/macos" folder
  • Add it to the resources group in the xcode project
  • Edit the Info.plist file and change the "CFBundleIconFile" value string to "icon"

Also, img2icns tool can come handy to convert images to an icon.

Solution 4 - Xcode

It's easy

  1. Use automatic tool (Such as IconFly) for create correct ICNS or iconset with all necessary size.

  2. Then drag and drop created ICNS or iconset to Xcode.

  3. in the info.plist file set the "CFBundleIconFile" value to [IconName]

Solution 5 - Xcode

Steps to add an application icon to your cocoa project.

  1. Find 'Icon Composer' from spotlight.
  2. Drag and drop the icon(name should be like imagename.icns) in the given boxes.
  3. Select one box and save it.
  4. Drag and drop the saved image in the Resources folder of your application.
  5. Select target-->right click on project name-->Select GetInfo.
  6. In Properties enter the name of 'Icon File'.
  7. Now Clean Build and run your application.

Solution 6 - Xcode

Xcode 8.2.1
  1. Convert .png .icns via IconMaker

  2. Add the AwesomeApp.icns file in the same folder as info.plist

  3. Drag AwesomeApp.icns file into xcode in the same folder as info.plist

  4. In info.plist set icon: to AwesomeApp.icns

Solution 7 - Xcode

Step 1: Get iconfile name from info.plist and place icns(icon file) folder in SourceCode/resources folder

Step 2: And same thing goes for xcode,you have to copy all images from xcode using copyallframeworks or copyall resource file in your xcode and build the app again.

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionkmikaelView Question on Stackoverflow
Solution 1 - XcodecodingFriend1View Answer on Stackoverflow
Solution 2 - XcodeSensefulView Answer on Stackoverflow
Solution 3 - Xcodeuser405725View Answer on Stackoverflow
Solution 4 - XcodeAlexandrView Answer on Stackoverflow
Solution 5 - XcodeArunView Answer on Stackoverflow
Solution 6 - XcodeSentry.coView Answer on Stackoverflow
Solution 7 - XcodeRachit kapadiaView Answer on Stackoverflow