#Electron set icon install#
#Electron set icon for android#
#Electron set icon code#

For the icons to display properly in the application, every target value should be one of the icon filenames defined in the application's. For every icon file, its destination filename is calculated as target + '.' + MRT_qualifiers + extension(src). The target attribute specifies the base name for the resultant icons. The Windows platform handles MRT icons automatically, so if you specify src='res/windows/storelogo.png' the following files will be copied into the application's images folder: res/windows/, res/windows/, etc. Where src is the path to the icon which needs to be added. See Alsoįor Windows the recommended approach to define application icons is to use the target attribute. Adaptive Icon with Colors:Ĭreate a res/values/colors.xml resource file in your project directory to store the app's color definitions. Note: In this example, the src attribute must be defined when then foreground attribute is defined with a vector or color. The fallback icon can be overridden by setting the src attribute.

#Electron set icon for android#

No matter which platform your development environment is running on.Note: In this example, the foreground image will also be used as the fallback icon for Android devices that do not support the adaptive icons. With gulp-awesome-electron, you can embed app icons for all platforms. No one want’s to jump from OS to OS to ensure an app is working and looking as expected. However, they want to use their favorite operating system. RecapĬross-platform developers want to build and ship for all platforms. macOS isn’t able to display the App Icon for Windows Executables.

Once the build has finished, go and copy your Windows App to a Windows machine. task ( 'clean', function ( done )) Īlign the paths to match those of your project and start the Gulp.js script using gulp.

#Electron set icon install#

Wine has a dependency on xquartz, so you’ve to execute the following commands to install both:Ĭonst gulp = require ( 'gulp' ), electron = require ( 'gulp-awesome-electron' ), symdest = require ( 'gulp-symdest' ), del = require ( 'del' ) gulp. wine can easily be installed on macOS using Homebrew (aka brew). Installing the dependenciesĪs mentioned, wine is required to get this working on macOS or Linux.

The package isn’t available on npm-js! For installation instructions, continue reading. That’s why I’ve ended up with a public fork of gulp-atom-electron called gulp-awesome-electron that doesn’t prevent the execution of rcedit. However, there is a platform switch in gulp-atom-electron that prevents rcedit from being invoked.

#Electron set icon code#

GitHub itself has published a corresponding npm module which uses wine to execute wine rcedit app-name.exe -set-icon app-icon.ico if you’re executing the code on a macOS or Linux system. It has a dependency on rcedit which is a small Windows executable that is responsible for updating either Windows Assemblies or Windows Executables to make resource changes from outside.

I was using gulp-atom-electron to build the apps automatically. The build-process failed because setting the Windows App Icon didn’t work for me when building it from the Mac. I wanted to build an Electron app for Windows and macOS directly from my host-system (also macOS). When building cross-platform apps using GitHub Electron, you may run into the same issue I did a few days ago.