Chrome extension icons not all showing

Question

I followed the instructions for manifest icons provided by Google from their developer website.

Here's a snippet of my manifest file (the png images are squared and the correct size):

"icons": { 

    "16": "icon16.png",
    "32": "icon32.png",
    "48": "icon48.png",
    "128": "icon128.png"
  },

So I uploaded my app and then installed it, but for some reason my app logo is still not showing on the chrome://extensions page.

Also in the chrome webstore my logo is not filling the whole space of the puzzle piece as seen here:

Is there something else I need to do for it to show?

Answer 1

I found my problem in the manifest file.

Originally I had my "icons" object inside the "browser_action" object like this:

"browser_action": {
    "name": "Manipulate DOM",
    "icons": { 
        "16": "icon16.png",
        "32": "icon32.png",
        "48": "icon48.png",
        "128": "icon128.png"
    }, 
    "default_icon": "icon128.png",
    "default_popup":"popup.html"
},

Upon relocating the "icons" object out of the "browser_action" object, the icon showed up in the chrome://extensions page like it is suppose to.

"icons": { 
    "16": "icon16.png",
    "32": "icon32.png",
    "48": "icon48.png",
    "128": "icon128.png"
},
"browser_action": {
    "name": "Manipulate DOM",
    "default_icon": "icon128.png",
    "default_popup":"popup.html"
},