Resize a logo into extension icons (16–128)
Create a complete icon set for Chrome/Edge/Firefox extensions. Export all common sizes in one zip, plus copy-ready manifest and WXT config snippets.
Use this browser extension icon generator to create a complete icon set from one logo. It exports the most common sizes used across extension UIs and store listings: 16, 32, 48, 96, and 128.
Everything runs locally in your browser—no uploads. After downloading, drop the files into your project and copy-paste the provided manifest.json or WXT config snippets.
All common extension sizes
Generate 16/32/48/96/128 PNGs in one click, ready for Chrome, Edge, and Firefox.
Zip + config snippets
Download a zip with an /icon/ folder, then paste the manifest or wxt.config.ts snippet.
Private and offline
Processing stays on-device. Your logo never leaves your browser.
How to create extension icons
Follow these steps to generate and wire up your extension icon pack.
Upload your logo
Drop a PNG/JPG/WebP file (transparent PNG works best). The image stays in your browser.
Generate the icon pack
Click Generate pack to export 16–128 PNG icons and preview them instantly.
Start from a large square source to keep small sizes crisp.
Download the zip
Download the .zip and extract it into your extension project (default folder: icon/).
Paste config snippets
Copy the manifest.json or wxt.config.ts snippet and update paths to match your folder structure.
When you need an extension icon pack
Chrome / Edge MV3 extensions
Generate the icon set and paste it into manifest.json icons for a clean store-ready package.
WXT projects
Use the same icon folder and icons mapping pattern as OneImage's own extensions.
Firefox WebExtensions
Export the full set and map it in manifest.json for consistent UI icons across browsers.
Why use this extension icon generator
No distortion
Aspect ratio is preserved and artwork is centered inside square icons.
Fast and repeatable
Generate a consistent icon pack every time you update your logo.
Local processing
Your assets stay private—everything runs locally in the browser.
Extension icon FAQ
Why do my extension icons look blurry?
Start from a high-resolution square source (1024×1024 recommended). Small sizes like 16×16 amplify soft edges and fine details.
Do I need all sizes (16/32/48/96/128)?
Most extension setups benefit from providing a full set so icons look sharp across toolbars, menus, and store listings.
Where should the icon files live?
A common pattern is an icon/ folder at the extension root, then reference them via relative paths in manifest.json or wxt.config.ts.
Can I use SVG icons instead of PNG?
Some extension UIs and stores expect raster PNG icons. Exporting consistent PNG sizes is the safest cross-browser approach.
Does OneImage upload my logo?
No. All processing runs locally in your browser—your files never leave your device.
Back to the image resizer
Need custom dimensions, presets, or batch resizing? Use the full image resizer.
Back to the image resizer