Chrome Extension Icon Generator

The four icon sizes Chrome's manifest asks for, cut from your logo or drawn from a description, named correctly, with the manifest.json fragment ready to paste.

Chrome Extension Icon Generator: The Four Sizes Chrome Actually Wants

manifest.json wants an icons object and an action.default_icon object, each pointing at specific sizes with specific keys. Getting that object shape wrong is a classic first-extension mistake. This tool cuts the four PNGs, names them, and writes the fragment for you.

Here’s what lands in your project:

{
  "icons": {
    "16": "icons/icon16.png",
    "32": "icons/icon32.png",
    "48": "icons/icon48.png",
    "128": "icons/icon128.png"
  },
  "action": {
    "default_icon": {
      "16": "icons/icon16.png",
      "32": "icons/icon32.png"
    }
  }
}

How to make a Chrome extension icon

1. Describe your extension’s icon and pick a style, or upload a square logo of at least 1024 px.
2. Run, then download the zip and drop the icons folder into your extension.
3. Copy the two objects from manifest-icons.json into your manifest.json.

What’s in the zip

• icons/icon16.png, the toolbar and favicon-sized version.
• icons/icon32.png, the toolbar icon on high-density screens.
• icons/icon48.png, the extensions management page.
• icons/icon128.png, the Chrome Web Store listing and the install dialog.
• manifest-icons.json, the icons and action.default_icon objects shown above.
• The 1024 px square the four sizes were cut from.

Tips for an icon that survives 16 pixels

• One bold shape. Thin strokes and small details vanish in the toolbar.
• Two or three colors. The toolbar sits on light and dark themes, so a filled background helps.
• Skip text. If the extension’s name matters, put it in the store listing, where there’s room.

FAQ

What sizes does a Chrome extension icon need? 16, 32, 48 and 128 px. 16 and 32 are for the toolbar, 48 for the extensions page, 128 for the Web Store and the install prompt. All four are in the zip.

Does Chrome require all four sizes? Chrome scales whatever you give it, so an extension loads with only a 128 px icon. It just looks blurry in the toolbar. Shipping all four is what the Web Store guidelines ask for, and it’s the version that looks right.

Can I use the same icon for the extension and the toolbar action? Yes, and most extensions do. The action.default_icon object in the fragment points at the same 16 and 32 px files as icons. If you want a different toolbar glyph, run the tool again with the other design and swap the paths.

Does this work for Edge and Firefox extensions too? Yes. Edge, Firefox, Brave, Opera and every other browser that reads Manifest V3 use the same icons object. Firefox also accepts browser_action for older manifests; the file sizes are the same.

I want the same icon for iOS, Android or the web too. Use App Icon Generator, which packages the same icon for iOS, Android, macOS, Windows and the web.

All apps

See pricing and start creating on Mitte