适用于电子< 3.0版本。更新package.json:

"build": {
  "appId": "com.my-website.my-app",
  "productName": "MyApp",
  "copyright": "Copyright © 2019 ${author}",
  "mac": {
    "icon": "./public/icons/mac/icon.icns",     <---------- set Mac Icons
    "category": "public.app-category.utilities"
  },
  "win": {
    "icon": "./public/icons/png/256x256.png" <---------- set Win Icon
  },
  "files": [
    "./build/**/*",
    "./dist/**/*",
    "./node_modules/**/*",
    "./public/**/*",       <---------- need for get access to icons
    "*.js"
  ],
  "directories": {
    "buildResources": "public" <---------- folder where placed icons
  }
},

构建应用程序后，您可以看到图标。此解决方案在开发人员模式下不显示图标。 我没有在new BrowserWindow()中设置图标。

**

重要的是: 过时的答案，看看其他更新的解决方案

**

你也可以在macOS上这么做。好的，不是通过代码，而是通过一些简单的步骤:

找到你想要使用的。icns文件，打开它并通过编辑菜单复制它 找到电子。App，通常在node_modules/electron/dist中 打开信息窗口 选择左上角的图标(灰色边框) 通过cmd+v粘贴图标 在开发过程中享受你的图标:-)

实际上，这是一个普遍的现象，并不局限于电子。你可以像这样更改许多macOS应用程序的图标。

下面是我的解决方案:

new BrowserWindow({
  width: 800,
  height: 600,
  icon: __dirname + '/Bluetooth.ico',
})

对于windows使用资源黑客

下载和安装::D

http://www.angusj.com/resourcehacker/

运行它 选择打开并选择exe文件 在你的左边打开一个名为Icon Group的文件夹 右击1:10 33 点击替换图标 选择您选择的图标 然后选择替换图标 保存并关闭

你应该构建应用程序

在创建BrowserWindow时设置图标属性仅对Windows和Linux有效。

要在OS X上设置图标，可以使用electronic -packager并使用——icon开关设置图标。

对于OS x，它需要是。icns格式。有一个在线图标转换器可以从你的。png创建这个文件。

electron-packager

在创建BrowserWindow时设置图标属性仅对Windows和Linux平台有效。你必须为Max打包。icns

要在OS X上使用电子包装器设置图标，请使用——icon开关设置图标。

对于OS x，它需要是。icns格式。有一个在线图标转换器可以从你的。png创建这个文件。

electron-builder 作为最新的解决方案，我发现了一种替代方案——图标开关。以下是你可以做的。

在项目目录中创建一个名为build的目录，并将图标的.icns放在名为icon.icns的目录中。 执行命令electronic -builder——dir运行builder。

您将发现应用程序图标将自动从该目录位置提取，并在打包时用于应用程序。

注意:给出的答案是针对最新版本的electron-builder，并使用electron-builder v21.2.0进行了测试