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.
Getting an Icon Code
Some Sitecore components accept FontAwesome icons, in the form of their icon code. In FontAwesome, every icon and every variation of icon has its own unique code. Follow the steps below to get that code.
- Visit FontAwesome and locate the icon that you want to use
- Click on the icon and ensure that the "Classic" and "Solid" styles are selected
- Copy the code shown in teal. In the example shown above, the icon code you need is "fa-solid fa-thumbs-up"
Icon Dos and Don'ts
Do:
- DO use relevant icons to the point you are trying to convey
- DO use professional icons
- DO ensure you're using fa-solid icons only
Don't:
- DO NOT use offensive, crude, or crass logos
- DO NOT use non-brand colors
- DO NOT use different icon packs or styles
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.