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

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

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

请注意，图标文件路径的例子倾向于假设main.js在基本目录下。如果文件不在应用程序的基本目录中，路径规范必须说明这一事实。

例如，如果main.js在src/子目录下，而图标在assets/icons/下，这个图标路径规范将工作:

icon: __dirname + "../assets/icons/icon.png"

下面是我的解决方案:

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

在Linux中，您可以在项目目录中搜索icon.png，并使用您的自定义图标(具有相同的名称)更改两个文件(一个用于Debian，一个用于Redhat)。

适用于电子< 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()中设置图标。

如果您正在将现有的web应用程序转换为Electron应用程序，您可以使用以下代码:

const path = require('path')

const mainWindow = new BrowserWindow({
  icon: path.join(__dirname, 'favicon.ico'),
})