How to add icons

Applies to: T4 Site Manager
Last updated: 24/10/2014
Summary: How and when to add icons to buttons and modules

Before you start

Like buttons, icons should be used sparingly. See the guidance on how to add buttons

Button icons

The following icons can be added to buttons:

  • apply
  • arrow-right
  • download
  • information
  • search

How to add an icon to a button

To add the icon, add the appropriate class to the link:

See the full range of button colours.

UoB access only

The UoB access only icon should appear automatically when ‘https’ is is included in the link, eg

Please contact us if you need to make web pages secure.

Social media icons

Social media icons are displayed in the left navigation. On corporate sites they are yellow, on departmental sites they will pick up the local colour scheme. Please contact us if you would like to add a social media icon to your left navigation.

There are separate modules with social media icons.

Icons in modules

See How to add modules for details about applying icons within a module.