Iconography

Iconography, in branding and interface design, is the set of icons a brand or product uses together with the shared visual style that binds them into a coherent family. It covers both the individual symbols — the little pictograms for search, settings, cart, share, and the rest — and, more importantly, the consistent language they speak: the same stroke weight, the same corner treatment, the same level of detail, the same metaphors, so that every icon plainly belongs to the same set. When people praise a product's iconography, they usually mean this coherence — that the symbols feel designed by one hand rather than gathered from many. Iconography sits within a brand's wider visual identity, alongside its logo, color, and typography, and does real work in an interface by letting users recognize functions at a glance without reading a word.

Good iconography is more than a pile of nice-looking symbols; it is a small visual language with its own grammar. That grammar decides how icons are drawn — outline or filled, angular or rounded, simple or detailed — and how they map meaning to form, so that similar functions look similar and the whole set feels unified. Because icons carry meaning compactly and cross language barriers, iconography is a powerful part of both brand recognition and usability: a consistent, well-considered set makes a product feel polished and makes it easier to use, while a jumble of mismatched icons looks careless and slows people down. The term also has an older art-historical meaning — the study of symbols and imagery in art — but in design and branding it refers to this system of icons and its style.

Iconography and an icon system are closely related but not the same, and the distinction is worth holding. Iconography is the broader idea — the icons a brand uses and the visual style and conventions that unify them, the overall look and language of the symbols. An icon system is the concrete, structured implementation of that iconography inside a design system: the actual library of icon assets, built to shared specifications — a common grid, standard sizes, consistent stroke weights, naming conventions, and delivery formats — so designers and developers can pull the right icon reliably and add new ones that match. Iconography is the aesthetic and the philosophy; the icon system is the organized toolkit that puts it into practice at scale.

Put simply, iconography answers what the icons look like and why, while an icon system answers how they are built, stored, named, and reused consistently across a product. You can have iconography — a recognizable icon style — without a rigorous system, as a small brand often does, relying on a designer's eye to keep new icons on-brand. But at scale, where many people create interfaces and new icons are needed constantly, iconography without a system drifts: styles diverge, duplicates appear, sizes clash. The icon system is what keeps the iconography coherent across a large product and many contributors, by codifying the rules and centralizing the assets. So iconography is the visual language, and the icon system is the disciplined machinery that keeps that language consistent as it grows.

Build strong iconography by defining a clear visual language for your icons before drawing many of them — decide the style (outline or filled, the corner and stroke treatment, the level of detail), the grid and sizes, and the metaphors you will use for common functions, so every icon that follows shares the same DNA. Keep the metaphors clear and conventional enough that users recognize them, and consistent enough that the set feels like one family. Make the icons legible at the small sizes interfaces actually use, and accessible — never leaning on an ambiguous symbol alone where a label would help. As the set grows, formalize it into an icon system so the style holds across contributors and contexts. Coherence is the goal, because a unified set both strengthens the brand and speeds up use.

The failures are treating iconography as decoration rather than a system, so icons are drawn ad hoc and the set drifts into inconsistency; mixing styles, weights, and grids so the symbols visibly clash; choosing obscure or clever metaphors that users cannot decode at a glance; and letting the set sprawl without a system to keep it coherent as it scales. The discipline is to design iconography as a small, consistent visual language — defined style, clear metaphors, legible at real sizes — and to back it with an icon system once scale demands, so the icons stay unified, recognizable, and genuinely useful rather than a mismatched collection that undermines both brand and usability.

Iconography — the icons a brand or interface uses and the consistent style that unifies them — descends from the art-historical study of imagery and now names a system of symbols central to visual identity and usability.

Etymology: source.

Search interest for this term over the last five years:

View interest-over-time on Google Trends →

Areas of marketing where iconography is a core concern: