Explore UAB

What are icon sets?

Icon sets are font and icon toolkits based on CSS. Icon sets can be used on websites by inserting a small code snippet where you'd like an icon to appear either adjacent to text or on its own. Some icon font libraries are also available to be used in print.


What icon set do I have to work with as a distributed campus user?

Font Awesome Pro is our new paid icon set and has a huge bank of icons to work with.

This new tool provides a number of advantages including:

  • Many icons with different line weights
  • Specialized subsets for topics like Covid-19 Awareness
  • A common repository for distributed campus users to maintain consistent branding for our web icons


How can I use the icon set on my UAB website as a distributed campus user?

To use any icons within your content from Font Awesome Pro, you'll need to attach a CSS class to an element.

For example, you could create a "contact us" button using the code shown below:

Contact Us

<a href="#"><i class="far fa-envelope-open-text"></i> Contact Us</a>

*Replace any reference to "#" with the URL where you would like your button to link.


Where do I find the list of class names for Font Awesome Pro?

The Font Awesome Pro class names are all listed on their Cheatsheet Pro web page linked here.

Feedback/Need Help?

Can't find what you need? Do you have suggestions for items to add to our brand and communications toolkit? Email marketing@uab.edu, and we'll connect you with the right Marketing & Communications team member.

Back to Top