Digital Icons

Icon Guidelines

UTA's icon selection is powered by FontAwesome icons in the Classic and Solid formats. The icon's HTML code is used in several locations, while other components can have icons populated with a PNG image. Components that use FontAwesome code have their color pre-selected as #003765.

Step-by-Step

a screenshot of the fontawesome website
  1. Go to fontawesome.com. Select icon.
  2. Double check classic solid type is selected.
  3. Copy HTML code and add to Sitecore. Remove anything not inside parenthesies. (ex: ">fa-solid fa-thumbs-up)"

Icon Dos and Don'ts

DO: use relevant icons, with professional imagery, with correct pack and style.
DON'T: use offensive/irrelevant icons, off brand colors, with incorrect icon pack or style.
UTA Tower

Contacts and Resources

For special icon requests, including color changes, net-new icons, or additional icons, contact the MME Digital Team.

Icons


Icons quickly communicate information, actions, or concepts, enhancing user experience and accessibility.

Report Issues & Suggest Changes

Submit Report