The easiest way to use Bootstrap icons

By Achour Meguenni / Oct 7, 2023

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!