Iconography
Forty-nine glyphs, one consistent look: thin lines, rounded ends, navy by default. The same style runs across the website, marketing materials, and print. Use these – don’t source alternatives from another icon set.
The icon library
Navigation
search
menu
close
chevron-left
chevron-right
chevron-up
chevron-down
arrow-right
arrow-left
arrow-up-right
external
more-horizontal
Status and feedback
check
check-circle
alert
info
x-circle
loader
Editorial and content
bookmark
quote
article
image
play
download
share
link
User and account
user
users
settings
lock
logout
Communication
mail
message
bell
phone
Utility
calendar
clock
search-doc
folder
plus
minus
filter
sort
copy
trash
edit
eye
globe
sparkle
Usage rules
Read the interview
The icon should read as part of the text, not as a separate decoration.
Wrong colour
A different colour on the icon draws the eye to the decoration instead of the action.
16, 20, or 24 px are the three sizes for most uses. In presentations, 32 or 48 px for feature moments.
22px – strokes go fuzzy
Off-scale sizes break stroke crispness on screen. Round to the nearest named size.