Electron: Cara Mengganti Icon Aplikasi

Icon aplikasi pada electron secara default akan menggunakan icon logo electron (atom) itu sendiri. Sebagai developer, kita terkadang dituntut untuk membranding aplikasi buatan kita agar sesuai dengan perusahaan. Salah satunya adalah dengan mengganti icon aplikasi menggunakan logo perusahaan.

Ini adalah kelanjutan catatan mengenai electron. Sebelumnya aku pernah membuat catatan mengenai menghilangkan menu bar pada aplikasi electron. Cara yang digunakan sangat mirip pada catatan tersebut yaitu cukup menambahkan parameter pada pembuatan BrowserWindow().

Pada perubahan icon ini, parameter yang ditambahkan adalah icon: ‘path/icon.png’. Contohnya ketika kita menyimpan icon di dalam folder assets dengan nama logo.png maka cara menambahkan icon tersebut adalah sebagai berikut:

icon: 'src/assets/logo.png',

Kodingan lengkapnya kurang lebih akan tampak seperti di bawah ini..

  const win = new BrowserWindow({
    width: 800,
    height: 600,
    icon: 'src/assets/logo.png', //mengganti icon app
    autoHideMenuBar: true, //menyembunyikan menu bar

  })