how I can change default icon in chrome extension?

Question

Here I am working with chrome extension development.

my manifest.json page as show

{ "name": "DemoExtension",   "version": "1.0",   "description": "Official addon from demeo",   "browser_action": {     "default_icon": "star-on.png",     "popup": "shopcmp.htm"     },   "permissions": [     "tabs"       ],   "background_page": "background.html"    } 

Here I want to change my default icon image at runtime.

Answer 1

If you want to change the browser action default icon, just change

"browser_action": {   "default_icon": "star-on.png", //<--this line: change "star-on.png" to the icon you want   "popup": "shopcmp.htm"   }, 

That line indicates the default icon on first load of the extension.
To change the icon in code, call chrome.browserAction.setIcon(details).

If you want to change the extension icon (the icons that shows during installation, in the Chrome Web Store, in the extension management page, and as a favicon), add an icons property to your manifest.json file.

Answer 2

To change the default chrome extension pragmatically you can do:

chrome.browserAction.setIcon({ path: "my-icon.png" }); 

or for custom sizes:

chrome.browserAction.setIcon({   path: {     19: "my-icon19.png"   } }); 

Full docs: https://developer.chrome.com/docs/extensions/reference/browserAction/#method-setIcon