GOV.UK elements Icons and images

Avoid unnecessary decoration - only use icons and images if there’s a real user need.

Contents:

Icons

• if icons are needed ensure they are clear, simple and accompanied by relevant text
• don’t hide functionality under icons

GOV.UK standard icons are provided, as well as organisation crests and media player icons – find these in the GOV.UK frontend toolkit images folder.

Example

An exclamation icon is used for warning text.

You can be fined up to £5,000 if you don’t register.

  
    <div class="notice">
  <i class="icon icon-important">
    <span class="visually-hidden">Warning</span>
  </i>
  <strong class="bold-small">
    You can be fined up to £5,000 if you don’t register.
  </strong>
</div>

  

Images

If images are needed they should be landscape, 3:2 aspect ratio.

Examples

• Example page: Icons in the GOV.UK frontend toolkit