0.46.0
Changelog
Typography
Icon Font
Current icons available within our icon font family.
Notice there is hidden text wrapped in a class of .u-hidden-text. This text is visually hidden and exists to ensure that people using screen readers are able to identify what the icon is. Icon font's aren't always interpreted well by screen readers, so this is an important accessibility feature and should not be removed.
If you require an icon that is not in the below list, please submit an enquiry to a current style guide maintainer so it can be added into style guide if deemed appropriate.
hidden icon descriptive text
.ua-icon-home
Home icon
.ua-icon-lock
Lock icon
.ua-icon-search
Search icon
.ua-icon-menu
Menu icon
.ua-icon-phone
Phone icon
.ua-icon-info
Info icon
.ua-icon-library
Library icon
.ua-icon-file-pdf
PDF icon
.ua-icon-file-xls
xls icon
.ua-icon-file-xlsx
xlsx icon
.ua-icon-file-doc
doc icon
.ua-icon-file-docx
docx icon
.ua-icon-calendar
Calendar icon
.ua-icon-play
Play icon
.ua-icon-pause
Pause icon
.ua-icon-circle
Circle/dot icon
.ua-icon-speech-bubble
Speech bubble (comment) icon
.ua-icon-speech-bubble-question-mark
Speech bubble with question mark icon
.ua-icon-adapt
ADAPT icon
.ua-icon-airplane
Airplane (travel) icon
.ua-icon-mail
Mail icon
.ua-icon-myuni
MyUni icon
.ua-icon-arrow-right
Right arrow icon
.ua-icon-checkmark
Checkmark icon
.ua-icon-cross
Cross icon
.ua-icon-credit-card
Credit card (bank) icon
.ua-icon-cart
Shopping cart icon
.ua-icon-user
User icon
.ua-icon-group
Group icon
.ua-icon-folder-open
Folder open icon
.ua-icon-open-door
Open door icon
.ua-icon-earth
Earth globe icon
.ua-icon-external-link
External link icon
.ua-icon-new-window
Open link in new window icon
.ua-icon-key
Key (password) icon
.ua-icon-film
Film (My Media) icon
.ua-icon-building
Building icon
<span class="[modifier class]"><span class="u-hidden-text">hidden icon descriptive text</span></span>