Vue-cli-plugin-electron-builder: How to use my own App Icon .ico

Created on 15 Sep 2018 · 6Comments · Source: nklayman/vue-cli-plugin-electron-builder

Is your feature request related to a problem? Please describe.
A way to provide .ico file to be used as the App Icon. Currently the App uses the default electron icon

Describe the solution you'd like
After building, The new app uses the default electron icon

Describe alternatives you've considered
I have tried to place the .ico files in different location, but the plugin failed to pick it up to be used as an App Icon

Source

mrin9

Most helpful comment

@mrin9 Just copy your icon to project root, then add vue.config.js:

module.exports = {
  pluginOptions: {
    electronBuilder: {
      builderOptions: {
        win: {
          icon: './icon.ico'
        }
      }
    }
  }
}

ovo4096 on 15 Sep 2018

👍6 ❤2

All 6 comments

@mrin9 Just copy your icon to project root, then add vue.config.js:

module.exports = {
  pluginOptions: {
    electronBuilder: {
      builderOptions: {
        win: {
          icon: './icon.ico'
        }
      }
    }
  }
}

ovo4096 on 15 Sep 2018

👍6 ❤2

thanks !!!
Are these, electron-builder configurations ?

mrin9 on 15 Sep 2018

👍1

thanks !!!
Are these, electron-builder configurations ?

yes

ovo4096 on 15 Sep 2018

@mrin9 Just copy your icon to project root, then add vue.config.js:

module.exports = {
  pluginOptions: {
    electronBuilder: {
      builderOptions: {
        win: {
          icon: './icon.ico'
        }
      }
    }
  }
}

not working for me