How to change app icon using electron-builder

build icons electron electron-builder
Tom Cohen picture Tom Cohen · Jan 21, 2018 · Viewed 12.7k times · Source

I changed my app icon and for some reason I can not update the icon (currently has the icon of an electron).

Relevant modules I use:

 "electron-builder": "5.7.0",
 "electron-prebuilt": "^ 1.4.13"

my package.json:

    "build": {
        "appId": "com.siemens.dmv",
        "asar": true,
        "win": {
          "target": "squirrel",
          "icon": "./build/icon.ico",
          "title": "DigitalManufacturingViewer",
          "msi": true,
          "IconUrl": "data: image / png; base64, 
          AAABAyUAJSshACMLBAAeJRAAAw0VAAYPEQAFJzsAE // (long string)
}

I tried several orders without success, does anyone know what command I have to run?

Answer

quantumkv picture quantumkv · Jan 24, 2018

Make icon.ico (for windows) and icon.icns (for mac and linux) and place them in the build\ directory.

Remove the other "icon" properties from the config. the build\ directory is the default location where electron builder searches for the icons.

Also try updating the electron-builder version. The version you are using is about 2 years old. A lot of features and bugfixes related to icons have been made in the new versions.

Related questions

Build unsigned APK file with Android Studio

I'm developing an android app with the Android Developer Tool. Now I tried the new Android Studio, everything works fine if connect my smartphone with the pc and directly run the program in the Android Studio. But now I want …

Read More
Maven build Compilation error : Failed to execute goal org.apache.maven.plugins:maven-compiler-plugin:3.1:compile (default-compile) on project Maven

I have a maven project forked and cloned from a git repo onto my eclipse. It is build on Java 8. The first thing i do is perform a mvn clean install But I get following failure message: [INFO] Scanning for …

Read More
How can I run multiple npm scripts in parallel?

In my package.json I have these two scripts: "scripts": { "start-watch": "nodemon run-babel index.js", "wp-server": "webpack-dev-server", } I have to run these 2 scripts in parallel everytime I start developing in Node.js. The first thing I thought of was adding …

Read More