Iconography

Our Icon style is uniquely crafted and distinctive, embodying the visual language of our digital grids. They serve as a consistent representation of our brand, even in the smallest and most functional aspects of the user experience.

In this section we will see a breakdown of our Icons and how to use them.

Functional icon set

Our Functional Icon set pulls inspiration from our Background Grids. To learn more about these please refer to the Backgrounds section. 

These Icons are optimised for small-scale usage, making them ideal for digital presentation and UI design elements.

Icon grid

Our Functional Icons adhere to a 40x40 grid, allowing for a 2px clear-space. The Icons use a consistent line weight of 2 px and corner radius are set at 1px.

Icon style

Ensure consistency and legibility in our Icon set by adhering to this guidance during creation.

01 02 03
  1. The Icons are mono-line; they have a consistent line weight of 2 px.  

  2. Taking inspirations from details of the grid, such as the crosshairs, lines intersecting have rounded corners.

  3. The lines always end with a square cap. 

In use

This example showcases our Icon style in use, ideal for both UI elements and illustrative purposes within presentations.

Things to avoid

Make sure to follow this guidance to ensure our icons are used correctly in all formats and applications. 

the icons must sit within the grid.
do not fill in the icons.
do not use other line weights.
the icon must not be complex or abstract.