Utility Classes

Utility classes can quickly add extra visual interest to sections of text or elements. Easily format text as a label, highlight a sentence within a larger paragraph, or give headings a pop by pairing it with an icon.

Icon Classes

Choose from thousands of icons to add visual interest to your course. We offer three icon libraries as part of our Themepack: Font Awesome, Bootstrap Icons, and Remix Icons.

Font Awesome

Over 2,000 free icons are available through Font Awesome. You can search by keyword or browser by category here.

To use a Font Awesome Icon, add a class to a heading element. Note: Instead of using the prefix "fa-", use the prefix "icon-".

Module Objectives

<h3 class="fa-bullhorn">Module Objectives</h3>

Bootstrap Icons

Bootstrap Icons is also a great option with plenty of icons to choose from. You can browse through the icons here.

Like Font Awesome, you can add an icon's class to a heading. Note: The prefix for Bootstrap icons is "bi-".

Week 1 Assignments

<h3 class="bi-megaphone-fill">Week 1 Assignments</h3>

Remix Icons

Another library included in our Themepack is Remix Icons. You can find a full list of icons here.

To use a Remix Icon, add a class to a heading element. Note: These icons have a prefix of "ri-".

Welcome to English 101!

<h3 class="ri-megaphone-fill">Welcome to English 101!</h3>