Icons
BCC
| Name | icon | icon--large |
|---|---|---|
| .icon--bcc--buspass | ||
| .icon--bcc--menu | ||
| .icon--bcc--search | ||
| .icon--bcc--registerbirth | ||
| .icon--bcc--feedback | ||
| .icon--bcc--parking | ||
| .icon--bcc--counciltax | ||
| .icon--bcc--foi | ||
| .icon--bcc--pdf | ||
| .icon--bcc--cross | ||
| .icon--bcc--user | ||
| .icon--bcc--alert | ||
| .icon--bcc--bin | ||
| .icon--bcc--up | ||
| .icon--bcc--right | ||
| .icon--bcc--down | ||
| .icon--bcc--left | ||
| .icon--bcc--tick | ||
| .icon--bcc--cancel | ||
| .icon--bcc--cog | ||
| .icon--bcc--download | ||
| .icon--bcc--verified |
When to use
Icons should be used sparingly. They are used to provide a meaningful visual cue for important actions on a page or where they improve usability. They should not normally be used purely for decoration.
<span class="icon icon--bcc [icon name from above] [icon--large (optional)]"></span>