Complete Browser Asset Kit: Instantly generate all required icon sizes (16x16 to 512x512) for Chrome, Firefox, and Safari extensions. The tool automatically provides the necessary JSON manifest snippets for seamless integration.
Click or drag & drop your source image (PNG/JPG/SVG)
Creating icons for browser extensions (Chrome, Edge, Firefox) requires adhering to specific technical constraints to ensure your brand looks sharp in the browser toolbar and extension gallery.
Browsers require multiple resolutions to handle different display environments. 16x16 is used for the toolbar, 32x32 for the extension management page, 48x48 for the display in the Chrome Web Store, and 128x128 for the store's primary asset. Providing these in clear, transparent PNG format is mandatory for submission.
Because these icons are often viewed at very small sizes (like 16px), simplicity is key. Use high-contrast colors and avoid thin lines or complex text. Our tool helps maintain this clarity by using advanced downscaling filters that preserve edge sharpness.
Once you download your icon pack, you must reference them in your manifest.json. This tool provides the exact snippet you need, ensuring your extension correctly utilizes the highest available resolution for the user's screen DPI.