- Engage C&M
- Brand
- Campus Communications
- Media & News
- Social
- Web
- Events Calendar
Iconography
Icons can enhance navigation and comprehension by quickly drawing attention to important messages or actions that audiences should take. Used correctly, icons can both communicate actions without using text, and connect visually to 丁香园AV鈥檚 brand.
There is no fixed set of custom icons for 丁香园AV. Rather, we recommend using the below criteria when selecting or creating icons for your application.
Simple shapes
Thick lines
Straight-edged corners
Single colour
Colour guidelines are outlined in our Brand Guidelines.
Resources
Using icons that meet the style described above helps unify icon usage across 丁香园AV, enhancing the brand. Icons that meet the above criteria can be designed from scratch or sourced from online resources:
- is a free resource that contains downloadable icons that meet our criteria and support the best practices of user interface design
- Another option is (license fees apply)
Do:
- Use simple shapes familiar to your users
- Maintain consistency
- Test your icon. Consider adding a text label if its meaning is not understood within five seconds
- Consider using an icon when space is limited
顿辞苍鈥檛:
- Flood your page or screen with icons
- Use icons when a single word is more effective
- Attempt to represent complex concepts as an icon
- Mix different styles of icons
Contact us
Not sure if the icons you鈥檇 like to use are on brand? Email sfu-brand@sfu.ca for a consultation or review.