How to set app icon for Electron / Atom Shell App

icons electron
Jo E. picture Jo E. · Jul 21, 2015 · Viewed 109.2k times · Source

How do you set the app icon for your Electron app?

I am trying BrowserWindow({icon:'path/to/image.png'}); but it does not work.

Do I need to pack the app to see the effect?

Answer

Alex Warren picture Alex Warren · Jul 21, 2015

Setting the icon property when creating the BrowserWindow only has an effect on Windows and Linux.

To set the icon on OS X, you can use electron-packager and set the icon using the --icon switch.

It will need to be in .icns format for OS X. There is an online icon converter which can create this file from your .png.

Related questions

How to change app icon using electron-builder

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": "…

Read More
How to add a browser tab icon (favicon) for a website?

I've been working on a website and I'd like to add a small icon to the browser tab. How can I do this in HTML and where in the code would I need to place it (e.g. header)? I …

Read More
What characters can be used for up/down triangle (arrow without stem) for display in HTML?

I'm looking for a HTML or ASCII character which is a triangle pointing up or down so that I can use it as a toggle switch. I found ↑ (↑), and ↓ (↓) - but those have a narrow stem. …

Read More