Free · runs offline

An icon that stays readablein the 16 px toolbar

Draw the icon with your coding agent, then verify it in Chrome, Firefox and Edge toolbar mockups — one command, no upload.

Chrome · Firefox · EdgeNo API key, no accountPNG + ZIP + manifest export
terminal
$ npx @extenshi/cli icon preview icon.svg --name "Tab Pilot"

Icon preview written to tab-pilot-icon-preview.html
Opening in your default browser…
Why this matters

Stores review the 128 px icon. Users live with the 16 px one.

Thin strokes dissolve, mid-grays melt into the toolbar, margins shrink the artwork. The report catches all of it before you ship.

The report, part by part

One self-contained HTML page

Everything below renders locally from a single file — it opens from disk and works offline.

Toolbar mockups

Your icon pinned in Chrome, Firefox and Edge — with neighbor extensions and the extensions menu, exactly where users will see it.

Chrome toolbar mockup with the icon pinned next to neighbor extensions

Contrast across palettes

Light, tinted, dark, black and saturated toolbars at once — with an automatic warning when the icon melts into a background.

Contrast grid across five toolbar palettes with per-palette verdict badges

Store sizes, canvas check & 8× magnifier

All four store sizes, a pixel-level look at the 16 px render, and a one-click trim when the artwork leaves empty margins.

Store size matrix with canvas-usage warning, trim toggle and 8x magnifier

Recommended prompt

New

Every detected problem becomes a ready-to-paste improvement prompt — feed it back to whatever draws your icon.

Recommended prompt card assembling detected issues into a copyable prompt

Export

Per-size PNGs, a ZIP with the SVG master, and a copy-paste manifest snippet.

Export buttons for per-size PNGs, ZIP and manifest snippet
How to run it

Three free ways in, same report out

From your terminal

npx @extenshi/cli icon preview icon.svg — renders the report from a local .svg or .png.

From your AI agent

The generate_icon_workflow tool on the Extenshi MCP server hands your agent the requirements and commands.

As an agent skill

Install the extension-icon-design skill — your agent draws, verifies and exports on its own.

Built in

What every run gives you

Palette switcher

Five presets plus a custom toolbar color picker, applied to every mockup live.

Margin trim

Detects wasted transparent margins and re-crops the artwork edge-to-edge in one toggle.

Nothing leaves your machine

The CLI reads a local file and writes a local HTML page. No network, no telemetry on the icon.

Full requirements, workflow and command reference live in the icon generator docs →

Check your icon before users squint at it.

One command, an offline report, store-ready exports — and a fix-it prompt when something is off.

Free · offline · no account · Chrome, Firefox and Edge.