Iconography

Iconography

Our icons are designed for clarity and to guide users toward key messages and navigation. They should enhance understanding and support actions, prioritizing literal representation over abstract or metaphorical designs.

Iconography style

Solid icons are our primary style, and outline icons should only be used in exceptional cases. Icons should enhance clarity, guiding users to understand information and take action. They should prioritise literal representation over abstract or metaphorical designs.

Downloading icons

We use icons from Google Material Symbols & Icons, ensuring consistency and clarity in our designs. Here, you’ll find details on the specific filters to apply and how to maintain our brand’s visual style.

Before you start searching

Set the filters as shown below:

Filter	Setting
Fill	ON
Weight	700
Grade	0
Optical Size	Optional
Style	Material Symbols (new)
Corner style	Rounded

After selecting an icon

1. Adjust the size (the downloader defaults to 48).
2. Change the colour to #00AA55.
3. Select either SVG or PNG to download.

You can download icons from the Google Material Symbols library.

Scaling icons

Our icons are designed to achieve clarity at a variety of scale. The stroke weight should scale proportionally with size. Icons should never be smaller than 16px or larger than 96px. Icons should appear in these sizes in most digital environments including the marketing website, web properties, and digital marketing materials.

Size	Name	Usage
16px	Small	This size is only used where space is extremely limited.
24px	Medium	This is the standard size for icons.
32px	Large	This size is used for emphasis and section labels.
96px	XL	This size is only used as a spot illustration in spacious layouts.

Material Symbols spec

Configure Google Material Symbols exactly like this before exporting.

The icon set

A sample of the curated set, grouped by category and rendered in Evergreen.