The easiest way to use Bootstrap icons
Bootstrap Icons include icon fonts with classes for each icon, which you can use by referencing the class names in your HTML after including them via CSS.
Bootstrap Icons include icon fonts with classes for each icon, which you can use by referencing the class names in your HTML after including them via CSS.

Include the icon fonts stylesheet—in your website <head> or via @import in CSS—from jsDelivr and get started in seconds.

In your HTMLfile

<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css"
/>

Or, in your main .css file

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css");

Now you can use them like this :

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

Icons : Bootstrap Icons

Make sure to use the search functionality to find whatever you looking for!

Achour Meguenni

Passionate tech enthusiast and a self-taught web developer.

2025 Achour, All rights reserved.

  • Contact
  • Achourphp@gmail.com