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 Booking 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="fa-solid fa-camera"></i> <!-- this icon's 1) style prefix == fa-solid and 2) icon name == camera -->
<i class="fa-solid fa-camera"></i> <!-- using an <i> element to reference the icon -->
<span class="fa-solid 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