Icon cheat sheet
Icons are embedded using Font Awesome
Beneath each icon example below you will find an identifier code. The first 3 letters indicate the icon set:
- fas = Solid
- far = Regular
- fab = Brand
Along side the icon set, you will find the icon shape identifier, for example 'fa-user'. Both of these variables must be specified when choosing an icon.
Homepage services icons
New service icons may be sourced from font awesome.
Buttons and interaction
Inform the user they are performing a browser based action. Use these links anywhere in the flow of content.
To find out more visit this external link
Bookmark this page so you can come back to it later
Print this page so you can refer to this later
You can download this as a PDF (200KB)
You can download this image (40KB)
Copy this reference to your clip board
Bottom of page links
Always appear as the last item in page content. Only use when relevant, for example 'print this page' is used if there is information worth referencing later. 'Share this page' should be used only when the content could be useful to others.
Check list icons
Used in checklists within page content.
Data table icons
Used to perform actions on output data, for example 'Added person' tables. Colour can vary depending on background.
Used in the contact area of the footer.
New social media icons may be sourced from font awesome.