How an icon system is built, and how to brief one
Most icon sets fail as a set, not as drawings. What holds a family together, and the decisions that matter before anyone draws.
An icon set is easy to commission and hard to get right. The individual drawings are rarely the problem. What goes wrong is that twenty icons drawn well separately do not read as one family when you put them on a page — and by then the work is done and the inconsistency is structural.
This is how we approach an icon system, written for whoever has to brief one rather than for whoever draws it.
Decide the style before the set, not during it
The first real decision is the treatment: minimal outline, solid fill, a hybrid of line and fill, or something with depth and dimension. It sounds like taste. It is not — it determines how small the icon can go before it stops reading, how it behaves on a coloured background, and how much work every future addition costs.
So it gets settled first, on a handful of the hardest icons in the set rather than the easiest ones. If a treatment survives the most abstract concept you have to represent, it will survive the rest. Choosing it on the simple ones is how sets end up with three icons that had to break the rules.
What actually makes a set look like a set
Consistency is not sameness of subject — a shield, a leaf and a warranty badge have nothing visually in common. It comes from a few properties held constant across all of them:
- Visual weight — the amount of ink each icon puts on the page, matched by eye rather than by measurement
- Silhouette and level of detail — one icon carrying twice the detail of its neighbours breaks the family even when it is the better drawing
- Shared construction logic — the same corner radii, stroke behaviour and internal spacing, so unrelated subjects are still built the same way
- Optical alignment — a circle and a square of identical dimensions do not look the same size, and the fix is judgement, not geometry
- A controlled palette — a small, brand-aligned set of colours applied the same way every time
The last point about optical alignment is where strict grids stop helping. A grid gets a set most of the way and then has to be overridden, because the eye is the thing being designed for. A system that never breaks its own grid usually looks slightly wrong and nobody can say why.
Icons that carry information, not decoration
The hardest briefs are the ones where each icon has to carry a specific technical claim — a material property, a resistance rating, a guarantee. Those are not naturally visual ideas, and the temptation is to solve each one in isolation. That is what produces a set that works icon by icon and falls apart as a page.
The approach that holds up is a recognizable central symbol for the claim itself, sitting in a shared supporting field — a consistent frame that all of them occupy. The claims stay individually legible, and the shared container does the work of making them a family. Colour can then differentiate without fragmenting, because the structure is already doing the unifying.
The point of this is scanability. A page of technical benefits is dense and easy to skip; a coherent icon system turns it into something a reader can move through quickly and still absorb.
Extending a brand rather than decorating it
Supporting graphics fail when they read as generic artwork that happens to sit near a logo. The ones that work inherit something specific from the identity — the same rounding, the same line quality, motifs drawn from the product itself — and then work at a much smaller scale than the hero illustration they came from.
That scale difference is the constraint people underestimate. A motif that carries a packaging front at full size often loses its identity entirely at icon size, and the version that survives is usually a deliberate redraw rather than a reduction.
Prepare for where the assets actually go
An icon pack that is only a master artboard is unfinished. What makes it usable is the boring part: individual assets separated out, consistent export sizing, scalable artwork for screen use, high-resolution versions where something will be printed, and a naming scheme a developer can predict.
If this step is skipped, every future use of the set costs design time — which is how a one-off icon project quietly becomes an ongoing dependency.
What to ask for
If you are briefing this work, these are the questions that change the outcome:
- Which are the hardest concepts in the set, and can I see the style direction tested on those first?
- What stays constant across every icon — weight, detail, construction, palette?
- How does this behave at the smallest size it will really be used at, and on a coloured background?
- What happens when we need to add a tenth icon next year — is the logic written down, or is it in someone's head?
- What am I receiving: a sheet, or separated and named assets ready to be used?
The last two matter most and get asked least. An icon system is only a system if someone else can extend it without you.
Graphic Design
Zasya creates graphic assets that help businesses communicate clearly across campaigns, presentations, social media, ads, product launches, and brand touchpoints — from pitch decks and logos to ad creatives and thumbnails.
Start a conversation
Let's find where value is leaking in your ecosystem.
Bring us the workflow, the channel, or the half-built thing that's stuck. In 30 minutes we'll tell you plainly which parts should connect, where intelligence pays back — and what it takes to ship.