Chrome Extension Icon Generator - 16, 32, 48, 128 px + manifest.json, Free

How to make Chrome extension icons

Add your icon. Drop a square PNG, SVG or other image of at least 128 px. It stays on your device.
Check the toolbar. The preview shows the 16 px icon in a light and a dark Chrome toolbar. Keep Sharpen small sizes on for crisp edges.
Pick the set. Extension icons is all most extensions need. Add the Web Store icon when you publish, or pick Firefox add-on.
Download and paste. Press Make my extension icons. Copy the icons/ folder into your extension and paste manifest-icons.json into manifest.json.

Need just one size later? The Icon Resizer adds or removes sizes.

Which icon sizes does a Chrome extension need?

Size	Where Chrome shows it	File
16 px	Toolbar button and favicon of extension pages	icons/icon16.png
32 px	Toolbar on high-DPI screens, Windows	icons/icon32.png
48 px	chrome://extensions page	icons/icon48.png
128 px	Install dialog and Chrome Web Store	icons/icon128.png

The 16 px icon is seen most - check it in the preview. The Favicon Preview shows tiny icons in more places.

The manifest.json code

The ZIP includes manifest-icons.json with the two blocks Manifest V3 needs:

"icons" - every size, used by the extensions page and the store.
"action": { "default_icon" } - the toolbar button, 16 and 32 px.

Paste both into your manifest.json and keep the icons/ folder next to it.

Chrome Web Store icon rules

128 x 128 px PNG, with the artwork inside the middle 96 x 96 px and transparent space around it.
Works on light and dark - add a subtle outline or a background shape if your logo is all black or all white.
No screenshots or text in the icon - those go into the promo images.

The With Web Store icon set adds store/store-icon-128.png already padded.

Tips for tiny icons

Simple shapes win. At 16 px only a bold symbol survives - drop words and thin lines.
Use the full square. Keep padding low so the toolbar icon is not tiny.
Need a quick logo? The Icon Maker builds one from shapes and text.

Frequently Asked Questions

16, 32, 48 and 128 px. 16 and 32 go to the toolbar button, 48 to the extensions page, 128 to the install dialog and the Chrome Web Store.

In an icons/ folder next to manifest.json, then reference them in the "icons" and "action.default_icon" blocks. The ZIP has the folder and the code ready.

Yes. Edge uses the same Manifest V3 icons as Chrome, so the Extension icons set works unchanged.

Pick the Firefox add-on set: it adds the 96 px icon Firefox uses on high-DPI screens. The manifest code works in Firefox too.

Chrome needs PNG icons in the manifest. Upload your SVG here and every PNG is drawn sharp from the vector.

Detailed logos lose their edges at 16 px. Keep Sharpen small sizes on, crop to square and use a simpler symbol for the small sizes.

No. Every icon is made in your browser, on your device. Nothing is uploaded.

Yes. The store wants the artwork at 96 px with 16 px of transparent space, while icon128.png fills the whole 128 px. The With Web Store icon set makes both.