"BrowserWindow.webPreferences.icon" On ubuntu 24 doesn't show the app icon.

[EdgarRSSA]

This doesn't show any icon*.png 😢 , some workaround? Greetings.

node version : v22.7.0

Distributor ID:	Ubuntu
Description:	Ubuntu 24.04.1 LTS
Release:	24.04
Codename:	noble

Files:

.
├── img
│   ├── icon-128.png
│   ├── icon-16.png
│   ├── icon-256.png
│   ├── icon-32.png
│   ├── icon-64.png
│   └── icon.png
├── index.html
├── LICENSE.md
├── main.js
├── package.json
├── package-lock.json
├── preload.js
├── README.md
├── renderer.js
└── styles.css
![Pasted image](https://github.com/user-attachments/assets/0d240c40-6d31-42bd-8058-a0cb5242070d)

Package.json

{
  "name": "electron-quick-start",
  "version": "1.0.0",
  "description": "A minimal Electron application",
  "main": "main.js",
  "scripts": {
    "start": "electron ."
  },
  "repository": "https://github.com/electron/electron-quick-start",
  "keywords": [
    "Electron",
    "quick",
    "start",
    "tutorial",
    "demo"
  ],
  "author": "GitHub",
  "license": "CC0-1.0",
  "devDependencies": {
    "electron": "^32.1.2"
  },
  "icon": "./img/icon-32.png"
}

Main.js

const fs = require('fs');

const ICON_PATH = path.join(__dirname, "img", "icon-32.png")

function checkIconPath(iconPath) {

  if (fs.existsSync(iconPath)) {
    return;
  } else {
    console.error(`Not exists ${iconPath}`);
    process.exit(1);
  }

}
checkIconPath(ICON_PATH);



function createWindow() {
  // Create the browser window.
  const mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      preload: path.join(__dirname, 'preload.js'),
      icon: nativeImage.createFromPath(ICON_PATH),
    },
    icon: nativeImage.createFromPath(ICON_PATH),
  })

  // and load the index.html of the app.
  mainWindow.loadFile('index.html')

  // Open the DevTools.
  // mainWindow.webContents.openDevTools()
}

//                                                  ...
//                                                  ...
//                                                  ...