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.
- Its name, prefixed with
fa-
(meaning “font awesome” naturally!) - 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