# 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.

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