Icons & Pictograms

An overview of our icon and pictogram suites along with creation guidelines.

Definition

Our icons are monochromatic and available in several fixed sizes; 16px and 24px. Full colour icons are are referred to as Pictograms.

Icons are generated as SVG files so that the can be displayed losslessly.

Icons should be used to accomopany text labels such as in buttons or lists. In some cases where space is restricted then icons are used standalone within an icon button.

Icon sets

We currently have two icon sets with a separate range of icons. Our 24px icon set contains the largest range of icons and are used in most of our components such as buttons and lists.

The smaller 16px icon set is used mainly in specific situations or smaller component variants.

24px Icon Set

Address Book

Address Book

Arrow Left

Arrow Left

Arrow Left Circle

Arrow Left Circle

Arrow Right

Arrow Right

Arrow Right Circle

Arrow Right Circle

Articles

Articles

Articles Related

Articles Related

Award

Award

Bank

Bank

Basket

Basket

Bell

Bell

Bell Filled

Bell Filled

Bills

Bills

Bolt

Bolt

Book

Book

Bookmark

Bookmark

Bookmark Filled

Bookmark Filled

Briefcase

Briefcase

Building

Building

Bulb

Bulb

Bullet Point

Bullet Point

Calculator

Calculator

Calendar

Calendar

Calendar Check

Calendar Check

Calendar Plus

Calendar Plus

Caret Down

Caret Down

Caret Left

Caret Left

Caret Right

Caret Right

Caret Up

Caret Up

Change

Change

Chair

Chair

Chart Area

Chart Area

Chart Bar

Chart Bar

Chart Donut

Chart Donut

Chart Donut Alt

Chart Donut Alt

Chart Ket Donught

Chart Ket Donught

Chart Line

Chart Line

Chart Pie

Chart Pie

Check

Check

Check Circle

Check Circle

Check Circle Filled

Check Circle Filled

Check Outline

Check Outline

Check Square

Check Square

Check Square - Filled

Check Square - Filled

Check Square - Indeterminate

Check Square - Indeterminate

Check Square - Unchecked

Check Square - Unchecked

Chevron Circle Down

Chevron Circle Down

Chevron Circle Left

Chevron Circle Left

Chevron Circle Right

Chevron Circle Right

Chevron Circle Up

Chevron Circle Up

Chevron Down

Chevron Down

Chevron Left

Chevron Left

Chevron Right

Chevron Right

Chevron Up

Chevron Up

Circle Filled

Circle Filled

Clock

Clock

Close

Close

Close Circle

Close Circle

Closed Caption

Closed Caption

Cog

Cog

Comment

Comment

Comments

Comments

Compress

Compress

Computer

Computer

Copy

Copy

Cross

Cross

Cube

Cube

Dashboard

Dashboard

Diamond

Diamond

Digital Signature

Digital Signature

Download

Download

Drag

Drag

Ellipses Horizontal

Ellipses Horizontal

Ellipses Vertical

Ellipses Vertical

Entertainment

Entertainment

Envelope Closed

Envelope Closed

Envelope Open

Envelope Open

Error

Error

Expand

Expand

Expand Box

Expand Box

External Link

External Link

Eye

Eye

Eye Slash

Eye Slash

Face ID

Face ID

Fast Forward

Fast Forward

File

File

File PDF

File PDF

File Text

File Text

Filter

Filter

Flag

Flag

Forward

Forward

Gift

Gift

Globe

Globe

Graduation

Graduation

HD

HD

Hand Right

Hand Right

Health

Health

Heart

Heart

Heart Filled

Heart Filled

Help Circle

Help Circle

Home

Home

Home Filled

Home Filled

Household

Household

Image

Image

Income

Income

Information

Information

Insight

Insight

Link

Link

Link Off

Link Off

List

List

Loan

Loan

Location

Location

Log In

Log In

Log Out

Log Out

Megaphone

Megaphone

Menu

Menu

Minus

Minus

Money Card

Money Card

Money Coins

Money Coins

Money Database

Money Database

Money GBP

Money GBP

Money In

Money In

Money Note

Money Note

Money Out

Money Out

Money Tax

Money Tax

Mortgage

Mortgage

Newspaper

Newspaper

Options

Options

Padlock Closed

Padlock Closed

Padlock Open

Padlock Open

Pause

Pause

Pencil

Pencil

Pension

Pension

Phone

Phone

Pin

Pin

Pin Filled

Pin Filled

Planning

Planning

Play

Play

Plus

Plus

Plus Circle

Plus Circle

Print

Print

Publish

Publish

Question

Question

Question Filled

Question Filled

Radio Checked

Radio Checked

Radio Unchecked

Radio Unchecked

Redo

Redo

Rent

Rent

Refresh

Refresh

Repayment

Repayment

Rewind

Rewind

Risk

Risk

Save

Save

Savings

Savings

Search

Search

Send

Send

Share

Share

Shield

Shield

Shopping Cart

Shopping Cart

Shopping Cart Add

Shopping Cart Add

Signpost

Signpost

Sort

Sort

Square

Square

Star

Star

Star Filled

Star Filled

Star Half

Star Half

Swap

Swap

Table

Table

Tag

Tag

Thumb Down

Thumb Down

Thumb Up

Thumb Up

Ticket

Ticket

Touch ID

Touch ID

Toolbox

Toolbox

Transactions

Transactions

Transport

Transport

Trash

Trash

Trophy

Trophy

Undo

Undo

Unpublish

Unpublish

User

User

User Filled

User Filled

User Child

User Child

User Details

User Details

User Group

User Group

User Personlised

User Personlised

User Plus

User Plus

Virus

Virus

Volume

Volume

Warning

Warning

Wrench

Wrench

No results found for your search.

16px Icon Sets

Arrow Up

Arrow Up

Arrow Right

Arrow Right

Arrow Left

Arrow Left

Arrow Down

Arrow Down

Chevron Circle Up

Chevron Circle Up

Chevron Circle Right

Chevron Circle Right

Chevron Circle Left

Chevron Circle Left

Chevron Circle Down

Chevron Circle Down

Sort

Sort

Information

Information

Chevron Up

Chevron Up

Chevron Right

Chevron Right

Chevron Left

Chevron Left

Chevron Down

Chevron Down

Caret Up

Caret Up

Caret Right

Caret Right

Caret Left

Caret Left

Caret Down

Caret Down

External Link

External Link

Minus

Minus

Pencil

Pencil

Cross

Cross

Check

Check

No results found for your search.

Social Icon Set

Facebook

Facebook

Instagram

Instagram

LinkedIn

LinkedIn

Twitter

Twitter

YouTube

YouTube