Free Tool

Free Chrome Extension Icon Generator

Generate all required icon sizes for your Chrome, Firefox, or Edge browser extension in seconds. Upload your icon design and download a complete set of properly sized PNGs ready to add to your manifest.json file.

All 4 required sizes
PNG with transparency
Works for all browsers
1

Upload Your Extension Icon

Drag & drop your image here

or click to browse

PNGJPGWEBPSVG

Max file size: 10MB | Recommended: 1024x1024px or larger

For best results, use a square PNG image at least 512x512 pixels with a transparent background.

2

Platform Selected: Chrome Extension

Chrome Extension

Includes 16x16, 32x32, 48x48, and 128x128 pixel icons

Need icons for other platforms too? Use our full icon generator to select multiple platforms.

3

Generate & Download

Upload an image to get started

Chrome Extension Icon Requirements

Chrome extensions require four specific icon sizes. Each size serves a different purpose in the browser interface and Chrome Web Store.

128 x 128

Chrome Web Store listing, installation prompts

The largest icon, displayed prominently in the store and during installation. This is your primary marketing asset.

Required
48 x 48

Extensions management page (chrome://extensions)

Shown in the browser's extension management interface where users enable/disable extensions.

Required
32 x 32

Windows taskbar, high DPI toolbar

Used on Windows computers and high-density displays for the toolbar icon.

Required
16 x 16

Browser toolbar, favicon

The smallest size, used in the browser toolbar and as a fallback favicon. Must be recognizable even at this tiny size.

Required

How to Add Icons to manifest.json

After downloading your icons, add them to your extension's manifest.json file. Here's an example configuration for Manifest V3:

manifest.json
{
  "manifest_version": 3,
  "name": "My Extension",
  "version": "1.0",
  "icons": {
    "16": "icons/icon-16.png",
    "32": "icons/icon-32.png",
    "48": "icons/icon-48.png",
    "128": "icons/icon-128.png"
  },
  "action": {
    "default_icon": {
      "16": "icons/icon-16.png",
      "32": "icons/icon-32.png"
    }
  }
}
Tip: The downloaded ZIP file contains icons named by their pixel size (e.g., icon-16.png, icon-32.png). Simply extract them to your extension's icons folder and update the paths in your manifest.json.

Extension Icon Design Tips

Keep It Simple

Your icon will often appear at just 16x16 pixels in the toolbar. Use bold, simple shapes that remain recognizable at small sizes. Avoid fine details, small text, and complex gradients.

Use Transparency

Extension icons appear against various backgrounds (light and dark themes). Use PNG format with transparency and ensure your icon has good contrast against both light and dark backgrounds.

Stand Out

Your icon competes for attention in the toolbar with many other extensions. Use distinctive colors and shapes that make your extension easy to identify at a glance.

Communicate Function

Your icon should give users a hint about what your extension does. Use visual metaphors that relate to your extension's functionality (e.g., a shield for security, a brush for styling).

Frequently Asked Questions

Related Tools & Resources

App Icon Sizes Guide

Complete reference for all platforms

Icon Design Guide

Tips for creating great icons

Full Icon Generator

Generate icons for all platforms

Windows Icon Generator

Create Windows desktop icons

Need Icons for Other Platforms?

Our full icon generator supports iOS, Android, macOS, Windows, PWA, and more. Generate all your app icons in one place.

Try Full Icon Generator

Boost your productivity with ThoughtMap - AI-powered mind mapping for developers.