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.

These icons also work well with the

shortcode by simply adding the classes into the custom menu’s Class field. Check out the Documentation tab of your WordPress installation for instructions on using the custom menu shortcode.

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.