Last updated: 12 November 2026
Iconography in a brand system is the defined set of visual symbols, from navigation arrows to service pictograms, that a business uses consistently across its website, app and marketing to communicate meaning faster than text alone. It sits alongside typography, colour and logo rules inside a brand's identity guidelines, governing size, style and spacing so every icon reads as part of one visual language.
Key Takeaways
- Iconography in a brand system is a governed library of symbols, defined by usage rules for colour, size and style, that sits alongside typography and logo guidelines.
- IBM's Carbon Design System icon library (@carbon/icons-react) contains over 2,000 SVG icons available as React components, according to Brilworks (2025).
- Colour increases brand recognition by up to 80%, a factor that icon systems rely on heavily since most icons carry a brand's primary colour, per a University of Loyola, Maryland study cited in a USPTO filing (2004).
- Aether Agency Ltd built a full brand identity system, including its visual symbol language, from a concept with no prior brand for the Guardian security and facilities management platform.
- A brand's icon set should be documented in writing alongside its logo and colour palette, not left to whichever designer touches it next.
What is iconography in a brand system?
Iconography in a brand system is the catalogue of pictorial symbols, together with the rules governing their appearance, that a company uses to represent actions, categories or ideas without relying on words. A "design system" here means the complete set of reusable components, styles and documentation a business keeps to build consistent digital and print materials, and icons are one component type within it.
Unlike a logo, which identifies the company itself, icons communicate function: a magnifying glass means search, a padlock means security, a van means delivery. The IBM Carbon Design System separates two categories that most brand systems should distinguish too: functional UI icons, kept small and simple for buttons and menus, and pictograms, which are larger, more illustrative symbols used on marketing pages. Carbon's current documentation also sets fixed sizing, colour contrast and spacing rules, because an icon drawn at the wrong stroke weight or wrong colour breaks the visual consistency the rest of the identity is built to protect.
How is iconography different from a logo and typography?
Iconography differs from a logo because a logo identifies who a company is, while an icon communicates what something does, and both differ from typography, the typeface and type-size rules governing a brand's written content. A logo appears once per page as a company mark; icons repeat dozens of times across a single interface, each pointing to a specific action or category.
Typography and iconography still have to agree stylistically: a brand using rounded, friendly type generally needs rounded, friendly icons, not sharp geometric ones borrowed from an unrelated style. Aether Agency Ltd treats these as linked decisions within a single brand identity engagement, because a mismatch between type and icon style is one of the fastest ways a brand looks assembled rather than designed. Colour then ties the two together: icons typically inherit the same primary and accent colours defined in the brand's palette, which is why colour consistency across every brand element matters as much as the shapes themselves.
Why does iconography matter for brand recognition?
Iconography matters for brand recognition because visual cues, including icons, are processed and judged by viewers faster than text, with colour alone driving the bulk of that snap judgement. CCICOLOR, the Institute for Color Research, found that people form a subconscious opinion about a product within 90 seconds of first seeing it, and between 62% and 90% of that judgement rests on colour alone (2004).
Because most icons in a brand system carry the company's core colour palette, a consistent icon set reinforces that same colour-driven recognition on every page a customer touches. A separate Seoul International Color Expo survey cited in a USPTO filing found that 92.6% of respondents rated visual factors as most important when purchasing products, with colour acting as the deciding factor for most of them (2004). An icon system that ignores the brand's colour rules, using default grey icons from a stock library instead of brand-matched ones, forfeits a meaningful share of that recognition advantage.
What elements make up a brand iconography system?
A brand iconography system is made up of a defined icon style, a fixed grid and sizing structure, a colour application rule, and written usage guidelines covering what icons may and may not be used for. The style decision, whether icons are outlined, filled, two-tone or illustrative, is usually the first choice, because every icon added afterwards has to match it exactly.
| Element | What it controls | Typical approach |
|---|---|---|
| Style | Line weight, fill, corner radius | Outlined, filled or duotone, chosen to match the logo's character |
| Grid | Consistent sizing across all icons | A fixed pixel or point grid (for example 24px, 32px) |
| Colour | How icons use the brand palette | Primary brand colour for active states, neutral for inactive |
| Usage rules | What each icon may represent | Written documentation preventing one symbol covering two meanings |
| Library size | How many icons the system needs | Ranges from a dozen bespoke icons to libraries like Carbon's, which holds over 2,000 (Brilworks, 2025) |
Carbon's contribution guidelines show how a mature organisation governs additions to its icon set, requiring new icons to be proposed, reviewed and approved before release, which is good practice for any growing brand, not just large technology companies.
"A rebrand earns its cost when the identity is making promises the business has outgrown, or hiding ones it can now keep. It is the wrong answer to slow sales and the right answer to being mistaken for a smaller, older, or narrower company than you have become. The test is whether your best client would recognise you from your website alone.", Lauren Dawkins, Head of Content, Aether Agency
Custom icon sets versus licensed icon libraries: which should a brand choose?
A custom icon set is a bespoke library drawn specifically for one brand, while a licensed icon library, such as those bundled into many design systems, offers thousands of ready-made icons for general use. The trade-off is straightforward: custom icons give a brand a distinctive, ownable visual mark, while licensed libraries save time and cost but risk looking identical to competitors drawing from the same source.
- Custom icon sets suit businesses whose brand identity needs to stand apart from direct competitors, particularly where icons appear on customer-facing marketing pages rather than internal tools.
- Licensed or open libraries, like the 2,000-plus icon set inside IBM's Carbon Design System (Brilworks, 2025), suit product teams needing broad functional coverage quickly, where speed and consistency across many screens matters more than distinctiveness.
- A hybrid approach, licensed base icons restyled to match brand colour and stroke weight, is common for growing UK businesses balancing budget against brand ownership.
When Aether Agency Ltd took on the Guardian security and facilities management platform, a product concept with no existing brand, no application and no launch plan, the brief required building the full brand identity system, including its visual symbol language, from nothing, alongside a custom web application and the marketing launch itself, delivered as one end-to-end engagement under a single roof.
Your brand iconography checklist
- Define whether icons will be outlined, filled or duotone before drawing a single symbol.
- Fix a consistent sizing grid so every icon scales predictably across web, app and print.
- Match icon colours to the brand's documented palette, not a default library colour.
- Separate functional UI icons from larger illustrative pictograms, as Carbon's pictogram guidance recommends.
- Write down what each icon means and where it may be used, to prevent one symbol acquiring two meanings.
- Store the finished set in the brand's identity guidelines alongside logo and typography rules.
- Review the icon library whenever the brand undergoes a wider identity refresh.
FAQ
What is iconography in a brand system?
Iconography in a brand system is the governed set of visual symbols, from functional UI icons to larger pictograms, that a company uses consistently to communicate meaning without text. It is documented alongside logo, colour and typography rules inside a brand's identity guidelines.
How is iconography different from a logo?
A logo identifies the company itself and appears once per page, while icons communicate function or category and repeat many times across an interface. Both still need to share a consistent style and colour palette to read as one brand.
Why is iconography important for brand identity?
Iconography matters because visual elements, especially colour, drive fast subconscious judgements about a brand. CCICOLOR's research found 62% to 90% of a snap product judgement within 90 seconds rests on colour alone, and icons typically carry a brand's core colours into every interaction (2004).
What are the elements of a brand iconography system?
The core elements are a defined visual style (outlined, filled or duotone), a fixed sizing grid, consistent colour application tied to the brand palette, and written usage rules. Larger systems, like IBM's Carbon Design System, also include governance processes for approving new icons.
How many icons does a brand actually need?
Most growing businesses need somewhere between a dozen and a few dozen bespoke icons covering their core services and navigation needs, far fewer than a large platform. Enterprise design systems can run much larger: Carbon's icon library holds over 2,000 icons, according to Brilworks (2025), because it supports an entire software product ecosystem rather than a single marketing site.
Should a small business build custom icons or use a licensed library?
It depends on where the icons appear and how much budget is available. Customer-facing marketing icons benefit most from custom work to stand apart from competitors, while internal tools or fast-moving products can reasonably use a licensed or open-source library restyled to match brand colours.
Does iconography need updating during a rebrand?
Yes, an icon library should be reviewed whenever a business updates its logo, colour palette or typography, because an old icon style sitting alongside a new identity undermines the consistency a rebrand is meant to deliver. Aether Agency Ltd treats icon libraries as part of the same brand identity system as the logo and type choices, not a separate afterthought.
Building a consistent icon system with Aether Agency Ltd
Businesses rarely come to Aether Agency Ltd asking for icons specifically. They come with a wider brand identity problem, inconsistent visuals across the website, app and marketing materials, and iconography is one of the systems Aether Agency Ltd builds to fix it.
On the Guardian project, Aether Agency Ltd delivered a full brand identity system, a custom web application and the marketing launch for a product that previously had none of the three, taking it from concept through to a live, launched platform under one engagement. That same end-to-end approach, identity, build and launch handled together rather than by separate suppliers, is why icon, colour and typography decisions stay consistent rather than drifting apart.
If a brand's current icon set looks inconsistent across its website and app, or was never properly documented in the first place, Aether Agency Ltd's brand identity service is the right starting point for a conversation and a quote.
Related Reading
- Brand Identity Design UK 2026: Expert Guide & Latest Trends
- What Is a Brand Design System? A Clear Definition
- What Is a Responsive Logo? Definition | Aether Agency
Add aether-agency.co.uk as a preferred source on Google
See How Your Brand Appears in AI Search
Aether AI monitors your visibility across ChatGPT, Perplexity, Google AI Overviews, and Claude in real time. Find out where you stand and what to fix.
Explore Aether AI