Skip to content

Instantly share code, notes, and snippets.

@edwinwright

edwinwright/macos-app-icon.md

Forked from jamieweavis/macos-app-icon.md
Created August 22, 2019 19:17
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save edwinwright/ad82ae2ca754b5516aaa3832e535abf7 to your computer and use it in GitHub Desktop.
Save edwinwright/ad82ae2ca754b5516aaa3832e535abf7 to your computer and use it in GitHub Desktop.
Download ZIP
How to make an app icon for macOS using iconset & iconutil
Raw
macos-app-icon.md

How to create a .icns macOS app icon

How to make an app icon for macOS using iconset & iconutil

Saving images

Save your app icon with the following names & dimensions:

Name Dimensions
icon_16x16.png 16x16
icon_16x16@2x.png 32x32
icon_32x32.png 32x32
icon_32x32@2x.png 64x64
icon_128x128.png 128x128
icon_128x128@2x.png 256x256
icon_256x256.png 256x256
icon_256x256@2x.png 512x512
icon_512x512.png 512x512
icon_512x512@2x.png 1024x1024

Creating an .iconset

  1. Move all of the images into a new folder
  2. Rename the folder to: icon.iconset
  3. Confirm the file extension when prompted

This will convert the folder of images into an iconset, this can be verified by quick looking with spacebar - A resizable preview of your icon should now appear.

Converting to .icns

  1. Navigate to the directory containing your icon.iconset in the terminal
  2. Run iconutil with the following command: iconutil -c icns icon.iconset
  3. Your icon.icns will be generated in the current directory
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment