Electron App Icon. Electron has APIs to configure the app's icon in the Windows taskbar. Supported are the creation of a JumpList , custom thumbnails and toolbars , icon overlays , and the so-called "Flash Frame" effect , but Electron also uses the app's dock icon to implement cross-platform features like recent documents and application progress . My next test: I replaced ‘my-app/src-electron/icons’ with the 3 default Quasar icons. Building with these shows a jagged installer file icon, and installing the app results in a jagged Windows start icon. This tells me it’s not the graphic files that I’m creating. If app icon is not updated I get a problem that electron always shows default app icon. I tried using png, NativeImage, different icon sizes but still the problem; Go to node_modules -> electron -> dist, right click on Electron, choose View Info; Drag another icns into the icon on the top left; Release with electron-packager. icon must be specified with __dirname (we already did) for electron.
Setting the icon property when creating the BrowserWindow only has an effect on Windows and Linux platforms. you have to package the .icns for max . To set the icon on OS X using electron-packager, 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. Changing the path to the executable will break the creation of the tray icon and a new GUID must be used. However, it is highly recommended to use the GUID parameter only in conjunction with code-signed executable. If an App defines multiple tray icons then each icon must use a separate GUID. Creates a new tray icon associated with the image.
Electron provides native notifications API only for MacOS. So we are not going to use that, instead we'll be using a npm module called node-notifier.It allows us to notify users on Windows, MacOS and Linux.
Electron has APIs to configure the app's icon in the Windows taskbar. Supported are the creation of a JumpList , custom thumbnails and toolbars , icon overlays , and the so-called "Flash Frame" effect , but Electron also uses the app's dock icon to implement cross-platform features like recent documents and application progress . Setting the icon property when creating the BrowserWindow only has an effect on Windows and Linux platforms. you have to package the .icns for max . To set the icon on OS X using electron-packager, 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. If app icon is not updated I get a problem that electron always shows default app icon. I tried using png , NativeImage , different icon sizes but still the problem. Remember Electron js is all about building native desktop applications using HTML, CSS, and JavaScript. Our applications too should have a window icon. Okay, enough literature!. Adding a window icon is as simple as you can imagine using the icon property of BrowserWindow. We will, therefore; Import all required modules.
