With input from my colleague Elliot Jordan, the new icon for Payload-Free Package Creator now looks like this.įor more information on how I went from this PNG file to an icon set for the application, please see below the jump.

I recently decided to change out the application icon for Payload-Free Package Creator, as its icon had been created on Mavericks and now appeared a little dated when used on Yosemite. This would help them be instantly distinguishable from other Automator applications and also help make them look more polished. For Electron Forge, the command is npm run make or yarn make.As part of my work with packaging, I’ve built a few Automator-based applications to assist me and other Mac admins.Īlong with building the applications themselves, I wanted to provide custom icons for these apps. Run the command to generate the appropriate build for your OS.

I haven't figured out if there's a way to do this across platforms without modifying package.json manually before building, but this works well enough and barely adds any overhead. electron-icon-maker -input=svgx-logo-v3-1024.png -output=./appicons Step 3īack in the Electron app directory, add the appropriate icon path to package.json, before running the build command. In my case, I ran this in the folder where my source image svgx-logo-v3-1024.png is located, and outputted it to another folder called appicons. The source image should be at least 1024x1024 in size. Next you'll run the command to generate a set of Mac/Windows/Linux icons from a single png image. Step 1įirst, install the electron-icon-builder utility which generates the icons for you. I'm also using this template as a starter.

SVGX is an Electron app built with Svelte, as well as Forge which is a helpful tool for creating and publishing such apps. It took me a while to figure out, but eventually I got it. Unfortunately there don't seem to be a lot of resources out there for how to actually create proper Mac and Windows (and Linux) icons for the final build. The application icon may seem like a minor detail, yet I consider it very important, not just for branding, but also as a sign that the app is complete. Part of that is building platform-specific executables. As I'm wrapping things up on SVGX.app, a desktop app for managing SVG icon libraries, I find myself slogging through the most tedious 10% of the work.

Mac icon sets icns