Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Changing icon not working

See original GitHub issue

Describe the issue / bug

Changing icon files in build/icons folder not working when I run npm run dev. It still shows default electron icon.

Tell me about your development environment.

Node version: v9.2.0
NPM version: 5.6.0
Operating System: archlinux

Issue Analytics

State:
Created 6 years ago
Reactions:1
Comments:12

Top GitHub Comments

6reactions

lvaradocommented, Mar 23, 2018

@Quadriphobs1 If you are on macOS, this is a known issue with Electron and AFAIK won’t or can’t be fixed. There is a workaround, however:

Open your project in Finder, browse to node_modules/electron/dist/
Select Electron.app and press ⌘I (or File > Get Info in the menubar)
With the info window still open, use Finder to browse to your .icns file
Drag and drop your .icns file onto the icon in the top left of the Electron.app info window. It’s the icon at the top, next to the modified date and size.

With that done, you’ll see your custom icon in the info window, and dev builds will now use the custom icon. Keep in mind you may need to repeat this process whenever you update the Electron package.

edit: found out you can use this same process with any file or folder, by the way. I applied my custom icon to the project folder as well for extra cool points.

3reactions

ispalcommented, Jan 22, 2018

FYI: My problem was that the .icns file was “corrupted”. I was using a web converter and it seems that didn’t create correct file. I downloaded Image2Icon app from Apple’s App Store and converted .png to .icns using that and now the icon works.

This was of course for MacOs

Top Results From Across the Web

Cannot change desktop icon Solved - Windows 10 Forums

Rt-click icon > Properties > Change icon ; I select the icon I want from the thumbnails of icons. Click OK; Click Apply....

Cannot Change the Default Folder Icons in Windows Explorer

Right-click the shortcut you created, click Properties, and then click Change Icon. · Click Browse, and type c:\windows\system\shell32.dll in the File name box, ......

Taskbar icons won't change - Super User

Once you change all of your icons you want to change, open up task manager (Control+Alt+Delete) and end explorer.exe Then click File >...

Cannot Change Desktop Icons in Windows 10-What to Do

Steps to allow changing desktop icons in Windows 10: ... Step 1: Access the Local Group Policy Editor. Step 2: Find and open...

How to Fix Desktop Icons Not Working/Not Showing Properly ...

Fix Desktop Shortcut Icons Not Showing Properly#DesktopIcons #Windows Facebook Page : https://www.facebook.com/MeMJTubeFollow on twitter: ...