Persistently uses default osx icon

• Version: 20.28.3

• Target: platform=darwin arch=x64 electron=2.0.6

Apps built with electron-builder for mac seem to persistently use the osx default icon, dmg background works just fine but also doesn’t use correct icon.

I’ve scoured Google and any kind of help I can try to find including this issue tracker and have been trying solutions for hours

• Do I have it in my build folder, maybe read next item
• What does maybe mean?

I’m using Angular which builds to dist so I have to tell electron-builder to assign dist as the build folder and use build as the dist folder

• How did I do that?

package.json

    "build": {
        "directories": {
            "buildResources": "dist",
            "output": "build"
        },

• Where are my icons in the build folder?

./dist/project-name/assets/icons

• Are they in icns format? Yes
• What size is the icns file? 1024x1024
• How am I referencing them in the file?

package.json

    "build": {
        "mac": {
            "icon": "./dist/project-name/assets/icons/icns/web_hi_res_512_1024x1024.icns",
        },
        "dmg": {
            "icon": "./dist/project-name/assets/icons/icns/web_hi_res_512_1024x1024.icns",
        },

• Am I using files? Yes

package.json

    "build": {
        "files": [
            "./dist/**/*",
            "./main.js"
        ],

• Finally what’s the full build section of package.json?

package.json (Full / uncut)

    "build": {
        "appId": "com.gmail.junehanabi.${name}",
        "productName": "Name",
        "copyright": "Copyright © 2018 June Hanabi",
        "directories": {
            "buildResources": "dist",
            "output": "build"
        },
        "files": [
            "./dist/**/*",
            "./main.js"
        ],
        "mac": {
            "category": "public.app-category.utilities",
            "target": [
                {
                    "target": "dmg",
                    "arch": [
                        "x64"
                    ]
                },
                {
                    "target": "zip",
                    "arch": [
                        "x64"
                    ]
                }
            ],
            "icon": "./dist/project-name/assets/icons/icns/web_hi_res_512_1024x1024.icns",
            "identity": null
        },
        "dmg": {
            "background": "./dist/project-name/assets/splash/DMGSplash.png",
            "icon": "./dist/project-name/assets/icons/icns/web_hi_res_512_1024x1024.icns",
            "title": "${productName}"
        },
        "win": {
            "target": [
                {
                    "target": "nsis",
                    "arch": [
                        "x64",
                        "ia32"
                    ]
                },
                {
                    "target": "portable",
                    "arch": [
                        "x64",
                        "ia32"
                    ]
                }
            ],
            "icon": "./dist/project-name/assets/icons/ico/web_hi_res_512_256x256.ico"
        },
        "nsis": {
            "installerIcon": "./dist/project-name/assets/icons/ico/web_hi_res_512_256x256.ico",
            "uninstallerIcon": "./dist/project-name/assets/icons/ico/web_hi_res_512_256x256.ico",
            "installerHeaderIcon": "./dist/project-name/assets/icons/ico/web_hi_res_512_256x256.ico",
            "deleteAppDataOnUninstall": true
        },
        "linux": {
            "target": [
                {
                    "target": "AppImage",
                    "arch": [
                        "x64",
                        "ia32"
                    ]
                }
            ],
            "icon": "./dist/project-name/assets/icons/png/mipmap-mdpi/ic_launcher.png",
            "synopsis": "Project Synopsis",
            "category": "Utility"
        },
        "appImage": {
            "synopsis": "Project Synopsis",
            "category": "Utility"
        }
    },

[pigd0g]

If you’re having the same issue, try creating a 1024x1024.png then using this script to generate your icon:

https://github.com/jamf/icns-Creator/blob/master/icns_creator.sh

[stoneWeb]

So, how do you solve it?