Icon | electronjs.org | Page 1

rich jasper Apr 20, 2024, 11:32 PM

#

I am building an app using electron and I am having difficulty replacing the default icon. Anyone have any recommendations on how to fix this?

somber cloak Apr 20, 2024, 11:36 PM

#

Read the documentation, make sure you are placing in the correct path the icon

rich jasper Apr 21, 2024, 12:02 AM

#

Could you provide an example piece of code?

#

#

The highlighted portion is the code I tried

humble girder Apr 21, 2024, 3:03 PM

#

Does it work if you try this? https://www.electron.build/icons.html

rich jasper Apr 21, 2024, 3:59 PM

#

#

Tried to create a build directory with the Icon option and it is still the default image

#

Does my path to the .icns file look good?

#

I am trying to change the Icon in the Mac dock

somber cloak Apr 21, 2024, 4:27 PM

#

icon String | “undefined” - The path to icon (.icns for MacOS and .ico for Windows), relative to build (build resources directory). Defaults to ${firstExt}.icns/${firstExt}.ico (if several extensions specified, first is used) or to application icon.

rich jasper Apr 21, 2024, 4:57 PM

#

Isn’t that what I did?

#

#

I tried this instead as well and it didn’t work

rich jasper Apr 21, 2024, 6:18 PM

#

I am in the development phase not the distribution phase so I guess asking how to do an icon overlay would be more appropriate

somber cloak Apr 21, 2024, 6:28 PM

#

ok, yes.
"Building an app" has a different meaning.

somber cloak Apr 21, 2024, 6:30 PM

#

rich jasper

but in response for change icons on build, what you did first is fine, but I don't think you stated your resources directory

#

it is quite difficult to discern, because you took a picture of a screen instead of taking a screenshot or directly sharing the code.

#

now for the window icon, it seems that you are using the wrong path __dirname

#

The __dirname string points to the path of the currently executing script
https://nodejs.org/api/modules.html#__dirname

#

also I think it does not support the .icns format

rich jasper Apr 21, 2024, 6:52 PM

#

somber cloak but in response for change icons **on build**, what you did first is fine, but I...

So with the code in that image once I package it into a .exe or .app the icon should be the custom one and not the default electron icon

rich jasper Apr 21, 2024, 6:53 PM

#

somber cloak now for the **window icon**, it seems that you are using the wrong path __dirnam...

Window icon is in reference to the icon that shows up next to the minimize options etc not the one in the dock correct?

rich jasper Apr 21, 2024, 6:54 PM

#

somber cloak also I think it does not support the .icns format

Do you mean the __dirname?

somber cloak Apr 21, 2024, 7:05 PM

#

rich jasper Do you mean the __dirname?

the icon window

#

check the api
https://www.electronjs.org/docs/latest/api/base-window#new-basewindowoptions

BaseWindow | Electron

Create and control windows.

rich jasper Apr 21, 2024, 9:18 PM

#

Icon window

#

Wouldn’t I just need to use a .png format?

#

Also what do you mean by icon window? I think I’m thinking of something else

rich jasper Apr 21, 2024, 9:19 PM

#

rich jasper So with the code in that image once I package it into a .exe or .app the icon sh...

Also am I correct?

#

All I need for Mac in reference to images is the dock image and the image next to the minimize/maximize options

#Icon