- Use sparingly
- Be consistent
- Give context
What to use icons for
Icons can be used to symbolise a command, file, device, directory or to represent common actions like delete, print, or save. If used, an icon’s meaning should generally be reinforced by a label or accompanying text. Icons should be used sparingly and as an aid to users, not as a decorative flourish.
Though we think of icons being fast to recognise, typically they require learning. Consistency aids user comprehension. Icons must be used consistently within a single user interface and across other Jisc applications and services.
We recommend the use of Font awesome because of its clean and simple style. Its icons render cleanly and crisply at a variety of sizes across all devices and screen resolutions. It has a broad range of icons that should cover most use cases.
To ensure consistency across our web estate we have defined certain icons that are used in common interactions as ‘core’.
- File (for download)
- Page elements
(extra detail not help info – eg image ownership)
- Creative Commons
Notifications – Generic notification should be a number in a box next to the item on screen that requires attention.
Using another icon set
If you need to use an alternative icon set, any icons defined as ‘core’ must match the visual appearance of the appropriate font awesome icon as closely as possible.
Example similar settings icon from an alternative set
Icons in use