Developing an application for Mac OS, sooner or later you’ll want to add an icon to it. And Mac OS uses Apple’s own format for application icons - Apple Icon Image format - files with .icns extension. But how does one create such a file?
A beautiful Mac icons pack in a smooth soft colored style with a front view, after Mac's design principles. These icons have psd & png files included. Download 201 vector icons and icon kits.Available in PNG, ICO or ICNS icons for Mac for free use.
It is actually not so hard, but there are some tricky moments. I’ll cover those and as a bonus I’ll show you how to use .icns icon in Qt-based application (deadly simple).
There is an out-of-the-box Mac OS tool for such conversion - iconutil (documentation for which is nowhere to find at Apple’s website, so this brief man page is all we have).
PNG itself does not support animation at all. MNG is an extension to PNG that does; it was designed by members of the PNG Group. Icon files used on MAc computers and other OS X devices use the file extension ICNS. These icon files are used to display a small image (icon) in the OSX Finder or dock, representative for an application which it is. Download all the mac icons you need. Choose between 3,236 icons in both vector SVG and PNG format. Explore Icon sets Staff picks Newest icon sets Popular icon sets Categories Styles. Designers Top selling Most followers Newest designers Most icons Following.
However, you cannot just take a random PNG and feed it to iconutil. I mean, you can, but it will give you the following error:
Because iconutil takes only specially named folders. Just how am I supposed to know about that? And it shows similar short and useless error messages for other things it doesn’t like. For example, here’s an output for the situation when files inside iconset folder are not named “properly” or have “wrong” dimensions:
Go figure.
After a set of trials and browsing the internet I found out (hopefully) all the requirements:
- First you need to prepare a set of icon pictures and put those into a folder with
.iconset“extension”, for examplesome.iconset; - Pictures from this set should be named in a certain way and have specific dimensions.
Correct dimensions can be found in Apple Guidelines. So it’s 5 different dimensions, but actually 10 “physical” files as each dimension is represented twice (you’ll see why). And these files have to be named according to the following format:
So here’s the full list of proper filenames:
At the same time, I’ve got a commit to my script, and this commit adds more sizes, which supposedly solves some missing size error. I never got such an error, so even though I accepted the commit, I won’t add those changes to the article.
Script to automate the process
But that’s rather boring to create all those files manually in some graphics editor, right? So let’s use sips utility (although, I recommend using ImageMagick, as it gives better quality results):
Free Svg Icons
Better, but still - we have to run it 10 times. So let’s write a Python script for that:
The full script is published here.
As an example, I prepared a square picture with a resolution of 2048x2048 and 150 pixel per inch, so there is plenty room to prevent upscaling:
Free Icons For Mac
Pass picture path to the script like that:
The script will:
- Create a folder
~/Desktop/apple.iconset; - Generate 10 files with different dimensions and save those into that folder;
- Call
iconutilon this folder and put resultingapple.icnsto~/Desktop/.
Here’s how the final apple.icns looks like in Preview:
So everything from that folder is bundled into one file.
Free Mac Icons For Computer
Mac Os Icons Download
And now the bonus part - how to use .icns as an icon for a Qt-based application.
As I said, it’s deadly simple: put apple.icns into your Qt project folder and add the following line into your-project.pro:
And that’s it: