UW Brand
Web icons
To use these icons, it’s as simple as adding the classes listed to any HTML element.
Here are just a few examples of the structure you could use to build icons:
<h5><a href=#"><span class="ic-ticket" aria-hidden="true"></span>Search</a></h5> <a href="#" class="ic-calendar">Calendar</a> <p class="ic-tools sm">Tools</p>
Add either .sm
(small icon) or .lg
(large icon) alongside the icon’s class to adjust the size. Adding .gold
will change the icon to gold.
The icon set is available for download and can be used on the desktop and web. Note: For sites not centrally-hosted, the UW CSS file is required.
.ic-flag
.ic-check
.ic-minus
.ic-person
.ic-plus
.ic-camera
.ic-mail
.ic-search
.ic-key
.ic-clipboard
.ic-bookmark
.ic-ticket
.ic-heart
.ic-watch
.ic-letter
.ic-marker
.ic-social
.ic-close
.ic-calendar
.ic-pencil
.ic-computer
.ic-page
.ic-view
.ic-eating
.ic-book
.ic-stop
.ic-compass
.ic-home
.ic-play
.ic-picture
.ic-address-book
.ic-map
.ic-music
.ic-settings
.ic-tools
.ic-globe
.ic-briefcase
.ic-pause
.ic-trash
.ic-right-arrow-full
.ic-list
.ic-page2
.ic-right-arrow
.ic-podium
.ic-directions
.ic-capitol
.ic-map-marker
.ic-passport
.ic-administration
.ic-plane
.ic-handshake
.ic-suitcase
.ic-globe2
.ic-umbrella
.ic-ribbon
.ic-money
.ic-checkmark
.ic-external
.ic-simple-arrow
.ic-check2
.ic-people
.ic-clipboard-check