Size For App Icon Code Electron App

For more information, please read our Terms of Use before using the content.

Choose the medium in which you are going to use the resource.

If thats not possible, place it at the footer of your website, blog or newsletter, or in the credits section.

Size For App Icon Code Electron App

Home About Contact Projects and customers RSS feed twitter github linkedin dribbble Recent posts Using middlewares with Litium Litium filesDirectory and commonFilesDirectory Using Papercut and StateServer Installing Litium Accelerator Updated Electron tutorial app to use Electron v5.0.8 Categories.NET Code standards CordovaPhonegap Drupal EPiServer Electron Git Ionic Javascript Litium MacOS Miscellaneous Objective-c PHP Python React Native Resources Ruby on rails SEO Security Sitecore What is Wordpress XML Xcode Electron app icons 18 October 2016 Its time to add Electron app icons to the Electron tutorial app.

For this we need a png-icon, a.icns for macs and a.ico for windows.

For Linux we only need the pngs.

Have a look at that repository if you would like to see all the source code.

So by setting it in the code wont make any difference when debugging your app with electron.

Then well take a look at packaging our app with electron-packager.

Creating our icns and ico-files First we need an icon that is 1024x1024 pixels large and saved in PNG.

Ive got one looking like this: Electron tutorial app icon Now go to ICONVERT ICONS and upload the PNG and the service will take care of creating the other icon-formats.

Folder structure Now create a folder structure that looks like this: electron icon folder structure Create a folder called icons in the assets folder.

And in that folder create one folder called mac, one called png and one called win.

Put the.icns-file into the mac folder, the pngs in the png folder and the.ico file in the win folder.

Updating main.js with path to icon Open main.js and add icon: path.join(dirname, assetsiconspng64x64.png) when instantiating the BrowserWindow.

But also var path require(path) at the top of the main.js.

Electron icon ubuntu The next step is to create an executable for MacOS and Windows with the icon we need to package the app.

Learn more Want to learn more about Electron Check out the book Electron in Action By Steven Kinney I hope you find this post valuable.

If you click the ad below I get paid by someone else and can continue to publish posts for free.

I would appreciate it very much.

Mac Size For App Icon