If you’ve spent any amount of time making cross-platform applications in Xojo you probably hate icons as much as I do. I’m no graphic artist and because of this I’ve paid good money for several icon sets. These icon set are fine but they’re pretty basic/generic and don’t tend to look right in macOS, Windows 8 and above, or even iOS. And that’s just for application icons. Making icons for documents, disks, folders, and the like, are just as big a pain to make. Each platform has several different styles and getting it right is awful.
Ohanaware introduced Iconographer last week. This is the tool I’ve been waiting for! Iconographer lets you easily make icons that are consistent for their target platforms all while keeping the overall identity intact. Not having to use a high-end graphic tool, like PhotoShop is worth it to a developer geek like me.
Using it is easy. Simply drag your starting image into the editor window and start manipulating it. At the top left of the window there is an expanding toolbar, for lack of a better word, that lets you pick the Icon Type: Application, Folder, Disk, Document, and Web Icon. Below that you have options for the target. Depending upon the Icon Type you have the option to pick the Target. For Application you have macOS, Windows, and iOS but for the Folder Target you only have macOS and Windows.
To the right of the drawing canvas you can pick the style of the icon. For macOS you have Blank, Circular, Rounded Rectangle, Tilted, Rounded Square, and Plugin. For Windows you have Blank, Windows Tile, and Use Different Application Icon. Similar styles are there for iOS.
Below the Styles is the Layers list that lists the layers in the selected Style. I will be honest, I had issues figuring out how to manipulate the layers. You can add layers using the ‘+ Layer’ button where you can add Shapes, Images, and Text.
Adding Text also was problematic for me. Once I added a Text object I couldn’t always select it until I had rotated it and then reset it to zero. Then, if I had two text objects I never was able to edit and change the text of the first one. I chalk this up to possibly not understanding what the shared label is. At times I also had a weird purple selection rectangle that I was never able to get rid of.
At the bottom of the drawing canvas is, perhaps, one of the more useful features of Iconographer. The Eye lets you select from a number of environments to preview your icon in an About Window, the macOS dock, and even the Mac App Store, to name a few. This is a great way to preview your app in an actual environment and lets you make decisions while in the application instead of having to leave and use a graphics application.
Once you’re done you can build your icons. It takes the currently selected Icon Type and all of the selected Targets and outputs them into the directory of your choice. For macOS it will create an icns file and for Windows an ico file. It really is that easy. It would be nice to have the ability to export SVG format too. If you’re creating a suite of icons, say for application, document, and disk, you have to do it in several steps but that I suspect that most developers won’t have an issue with that.
Iconographer is a must have for any cross-platform developer. It’s ability to make consistent application and document icons for macOS, Windows, web, and iOS easily and quickly make this an invaluable tool.
Iconographer works on macOS X 10.10 and better. It normally costs $19.99 but Ohanaware has an introductory price of $9.99. More information can be found at http://ohanaware.com/iconographer/.