The easiest way to use Bootstrap icons

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!

By: Achour Meguenni / Oct 07 2023