Chrome Extension Toolbar & Management Icons
The smaller icon sizes used in the browser toolbar, extensions page, and Windows taskbar.
Required Sizes
16 × 16Required
Toolbar Icon
Displayed in the browser toolbar next to the address bar. Must be legible at this tiny size — use simple, bold shapes.
32 × 32Optional
Windows Favicon
Used on Windows for the favicon and taskbar icon. Optional but recommended for cross-platform polish.
48 × 48Required
Extensions Page Icon
Shown on the chrome://extensions management page. This is the most commonly viewed icon after the toolbar.
Specs
| Format | PNG only |
| Transparency | Supported and recommended |
| Color space | sRGB |
| Defined in | manifest.json under "icons" and "action.default_icon" |
Design Tips
- Start by designing the 48×48 version, then simplify for 32×32 and 16×16.
- At 16×16, only the most essential shape should remain — drop shadows, gradients, and fine lines won't render.
- Use pixel-aligned edges to avoid blurriness at small sizes.
- Test your 16×16 icon against Chrome's default toolbar background (both light and dark themes).
- Keep the same visual identity across all sizes, even if you simplify details.
- Avoid anti-aliased curves at 16×16 — they appear fuzzy. Prefer straight edges or 45-degree angles.
Common Mistakes
- Using the same image for all three sizes without optimizing each — a downscaled 48×48 looks terrible at 16×16.
- Including text or letters that become unreadable at small sizes.
- Forgetting to declare icons in manifest.json — Chrome will show a generic puzzle piece.
- Not providing the 32×32 size, leading to blurry scaling on Windows.
Other Chrome Web Store Asset Sizes
Generate all toolbar icon sizes from a single design with CWS Kit.
Open CWS Kit — It's Free