Our iconography is simple and balanced. Brand icons are custom-designed within a 24x24 grid using a 1-2px stroke. System icons follow the same proportions and tone for broader use. Icons should support the message rather than decorate it, and may appear in any primary colour that allows for contrast and accessibility.
Download Assets
Background:
Light
Dark
Icons should be applied intentionally and not excessively. They can be used to support navigation, improve comprehension, or visually reinforce key content. Effective iconography enhances clarity and guides attention without creating visual noise.
When applying icons, follow the established style and proportions, keeping visual balance and clarity in mind. The examples below illustrate good practices and common mistakes to avoid when creating or applying icons.
