Knowledge Base

Browse through our expansive online help documentation.

View Categories

Changing Icon Fonts

Icon fonts are webfonts containing symbols and glyphs, instead of letters or numbers. You can customize these scalable vector icons with CSS in the same way you customize regular text which has made them a popular choice on the web.

This template uses a third-party pack of icon fonts for your convenience – Font Awesome. It is completely free either for personal or commercial use.

Changing and Adding Font Awesome

Font Awesome has already been embedded in the font-awesome.css file.

Here is the code which you need to modify to change or add an icon:

<i class="fa fa-twitter></i>
<i class="fa fa-dribbble></i><!-- Adding a Dribbble icon -->

Some of our templates use Font Awesome 5.1.0. As a result, we have embedded the font-awesome-all-min.css file.

Here is the code which you need to modify change or add an icon:

<i class="fab fa-twitter></i>
<i class="fab fa-dribbble></i><!-- Adding a Dribbble icon -->

To learn more, please refer to the Font Awesome Cheatsheet.