Iconography
Our icon library presents pixel-perfect, scalable SVG-based icons that are light, simple, and clearly recognisable, while being distinctive and complementary to the nib brand. Our icon library includes system and graphic icon assets.
Download
You can download all of our icons as a single zip file in SVG or PNG format below.
If you require an icon that isn’t available, please fill out the request an icon email form.
System and graphic icons
The nib design system uses two types of icons; System icons and Graphic icons.
System icons are functional pictograms that represent a task or content a user may expect to view. You would typically see a system icon when interacting with an nib digital product like online services or our app.
Graphic icons add visual expression to accompanying content and are non-functional.
System icons
16px
24px
32px
Graphic icons
48px
64px
96px
128px
Color
Core icon colors.
True Green
Token: trueGreen
Hex: #144a38
Bright Green
Token: brightGreen
Hex: #82e578
Clear White
Token: clearWhite
Hex: #ffffff
Darkest
Token: darkest
Hex: #434343
Special icon colors.
Success Green
Token: success
Hex: #007800
Info Blue
Token: info
Hex: #005bb9
Error Red
Token: error
Hex: #c81414
Warning Yellow
Token: warning
Hex: #ffb400
Alignment
Icons should always be vertically aligned to the middle of text baseline.
Want to contribute to our icon library?
For further information and instructions see our icon contribution guidelines. Sorry, nib employees only.