Font icons
Retina-ready font icons with a very modern touch that will beautifully compliment your project.
We have included Font awesome and Bootstrap Icons fonts in Eduport 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
<i class="fas fa-camera"></i> <!-- this icon's 1) style prefix == fas and 2) icon name == camera -->
<i class="fas fa-camera"></i> <!-- using an <i> element to reference the icon -->
<span class="fas fa-camera"></span> <!-- using a <span> element to reference the icon -->
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