Use cases

Where Iconograph earns its keep.

Below is a small product UI built entirely from library icons. Switch the palette or flip dark mode — everything repaints live, in your browser, with the app's real recolour engine.

Live playground
Every glyph above is a real icon from the catalogue — nothing here is an illustration or screenshot.
01 · Product dashboards

Status that moves when it matters.

Animated icons for syncing, loading, alerts and success states — drawn in the same family as your static set, so motion never looks bolted-on.

  • 586 Lottie animations, standard JSON
  • Same stroke, corner and grid as the statics
  • Autoplays in the app so you pick by feel
02 · Design systems

Your palette, enforced by the tool.

Map your brand colours to the four accent slots once — every icon anyone downloads is already on-brand. No more "can you recolour these 40 SVGs" tickets.

  • A1–A4 slot system with any hex
  • Line width & rounding tuned set-wide
  • Save as team defaults
03 · Decks, docs & handoff

From browse to pasted in seconds.

Copy PNG for slides, JSX for the codebase, data-URI for CSS, or grab clean SVG source. One icon, five ways out — always the exact same drawing.

  • Copy JSX / PNG / data-URI per icon
  • ZIP export of the whole set
  • Keyboard-first flow for volume work

See it with your colours.

Open the app, hit a preset, and watch three thousand icons become yours.