Icons
Icons help people find information quickly. Rather than replacing words, they help people spot a date, a room or a download at a glance, and they work best when you hardly notice them.
When to use
Use icons where people need to find or distinguish information at a glance. They’re useful for recurring details and session types, but rarely needed in headlines or running text.
If removing an icon doesn’t make anything harder to find, leave it out.
Icon library
We use Streamline Ultimate Regular Free for a consistent drawing style.
This is the institutional library. FUN can choose another coherent icon family as part of its edition identity, with the same clarity and labelling.
Design characteristics
Our icons combine simple, rounded shapes with a balance of outlines and solid details. Their compact construction and open spaces keep them clear at small sizes.
Choosing icons
Choose familiar metaphors that people already associate with an action or piece of information. Keep the same symbol for the same meaning across applications.
If an idea has no recognisable symbol, use words instead.
- Date
- Time
- Venue
- Tickets
- Download
- Search
- Menu
Icons and labels
Pair icons with visible text. People shouldn’t have to guess what an icon means or hover, click or tap to reveal its label. Match the label’s colour and weight, and keep the icon close to the text’s height.
Conventional controls, such as Close, can use an icon alone, but still need an accessible name for screen readers. Reserve Coral for wayfinding where the icon itself gives direction.
Incorrect usage
Don’t let icons replace words, introduce ambiguity or draw more attention than the information they support.
Don’t use icons without words in navigation.
Date
Tickets
Don’t mix styles, even from the same library.
Download the slides
Don’t make an icon louder than its word.
Venue
Workshop
Don’t pick a clever symbol over a familiar one.