Font icons

Retina-ready font icons with a very modern touch that will beautifully compliment your project.


We have included Font awesome 6(free) and Bootstrap Icons fonts in Social theme.

Font awesome:

You can place Font Awesome icons just about anywhere using a style prefix and the icon's name. To reference an icon, you need to know two bits of information.

  1. Its name, prefixed with fa- (meaning “font awesome” naturally!)
  2. The style you want to use's corresponding prefix

<!-- This example uses <i> element with: 
1. the `fa-solid` style class for solid style
2. the `user` icon with the `fa-` prefix -->
<i class="fa-solid fa-user"></i>

<!-- Or you can use a <span> element, with classes applied in the same way -->
<span class="fa-solid fa-user"></span>

A complete list of Font awesome icons along with the class names can be found here

Bootstrap Icons:

You can place Bootstrap Icons just about anywhere using icon's name. See below example code:


<i class="bi bi-alarm-fill"></i>

A complete list of Bootstrap icons along with the class names can be found here