Microsoft Edge Extension Toolbar Action Button Icon not visible
<p>I have used the "Microsoft Edge Extension Toolkit" (<a href="https://www.microsoft.com/en-us/store/p/microsoft-edge-extension-toolkit/9nblggh4txvb" rel="nofollow">https://www.microsoft.com/en-us/store/p/microsoft-edge-extension-toolkit/9nblggh4txvb</a>) to convert the chrome extension code to be compatible with MS Edge browser.</p>

<p>Enabled the "Developer Settings" from "about:flags" and loaded the newly converted code.</p>

<p>Everything works well except the icon in the toolbar. Its a "browserAction" (<a href="https://developer.microsoft.com/en-us/microsoft-edge/platform/documentation/extensions/api-support/supported-APIs/" rel="nofollow">https://developer.microsoft.com/en-us/microsoft-edge/platform/documentation/extensions/api-support/supported-APIs/</a>) button  .</p>

<p>It is showing the default icon by the browser even after trying out a lot of icons but no luck.</p>

<p>Does anyone have any idea about any option though which the icon can be set or the image type required.</p>

<p>Tried installing other extensions and their icon is clearly visible.</p>

<p>Any ideas?</p>

<p><b>Edit:</b></p>

<p>Here is the manifest.json file content: The contents are not changed after conversion.</p>

<pre><code>{
    "manifest_version": 2,
    "name": "............",
    "description": "............",
    "version": "1.0",
    "author": "............",
    "browser_action": {
        "default_icon": {
            "16": "data/images/icon-16.png",
            "32": "data/images/icon-32.png",
            "48": "data/images/icon-48.png",
            "64": "data/images/icon-64.png",
            "128": "data/images/icon-128.png"
        },
        "default_title": "............"
    },
    "icons": {
        "16": "data/images/icon-16.png",
        "32": "data/images/icon-32.png",
        "48": "data/images/icon-48.png",
        "64": "data/images/icon-64.png",
        "128": "data/images/icon-128.png"
    },
    "background": {
        "scripts":[
            "background.js"
        ],
        "persistent": false
    },
    "content_scripts": [
        {
            "run_at": "document_end",
            "matches": ["http://*/*", "https://*/*"],
            "css": [
                "data/css/style.css"
            ],
            "js": [
                "data/js/script.js"
            ]
        }
    ],
    "permissions": [
        "tabs",
        "activeTab",
        "contextMenus",
        "http://*/*",
        "https://*/*"
    ],
    "web_accessible_resources": [
        "data/images/icon-16.png",
        "data/images/icon-32.png",
        "data/images/icon-48.png",
        "data/images/icon-64.png",
        "data/images/icon-128.png"
    ]
}
</code></pre>

<p>To add more to this, the icons are properly scaled to the sizes mentioned in the file.</p>