Designers
ToolsDocsProAll the Possibles

All 141 tools / Design systems and tokens

Find icons in an inline SVG set that differ in grid, stroke, style, colour handling or accessibility

Icon set auditFreeFor designers and developers

25/day

free runs a day, no sign-in.

Before: what you give it

The example input, as typed in. You paste text, CSS, markup or notes.

<svg viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round"><path d="M4 12h16"/></svg><svg viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5"><title>Close</title><path d="M3 3L17 17"/></svg><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 2L2 22h20z"/></svg><svg width="24" height="20" viewBox="0 0 24 24" id="a" stroke="currentColor" stroke-width="2"><path d="M2 2h30"/></svg>

After: what comes back

The first lines of a real run on that input. Nothing here is edited by hand.

ICON SET AUDIT
4 icons read. Most common viewBox: 24x24. Styles: stroke, fill.
Findings: 2 high, 6 medium, 1 low, 0 info

[HIGH] Grid (convention): 2 different viewBox sizes
  Most use 24x24. Mixed grids render at different relative sizes when scaled to the same box.
  Seen in: Close: 0 0 20 20
  Fix: Redraw or rescale all icons to one grid (24 and 16 are common).

[HIGH] Stroke weight (convention): Stroke widths vary: 2, 1.5
  Most use 2. Different weights are the most visible sign of a mixed set. Compare after scaling: a stroke of 2 in a 24 grid equals 1.33 in a 16 grid.
  Seen in: Close: 1.5
  Fix: Standardise on one stroke width per grid size.
... full output on the tool page

What you get

Most common viewBox and style, plus findings on grids, strokes, hard-coded colours, naming and fill size

What it cannot do

Path extents use command endpoints on path elements only, so curves and other shapes are approximated.

Who it is for

  • Designers
  • Developers

Free and Pro

Free25 runs a day per IP address, up to 100,000 characters a run.
ProNo daily limit, 300 requests a minute, up to 200,000 characters a run.

What each plan includes

Use it from your assistant

The tool is called audit_icon_set. Connect the server once, then ask for it by name or just describe the job. Install steps for each app.

claude mcp add --transport http designers https://designers.allthepossibles.com/mcp
curl -X POST https://designers.allthepossibles.com/api/icon-set-audit -H 'content-type: application/json' -d '{"icons":"<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#000\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M4 12h16\"/></svg><svg viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><title>Close</title><path d=\"M3 3L17 17\"/></svg><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2L2 22h20z\"/></svg><svg width=\"24\" height=\"20\" viewBox=\"0 0 24 24\" id=\"a\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M2 2h30\"/></svg>"}'

Try it here

The form starts with the same example input, so you can run it first and then swap in your own.

More in design systems and tokens

All design systems and tokens tools