Bootstrap Icons is an open-source Bootstrap library that is free and consists of over 2000 high-quality icons. You can include or use them in your HTML document to enhance the UI of your web page by using SVG, SVG sprites, or web fonts.

How to use Bootstrap icons in your project?

There are two ways of using Bootstrap icons in your project as listed below:

Using Node Package Manager(NPM):

You can install Bootstrap icons in your current project directory using the below npm command.

npm install bootstrap-icons

Using the CDN Link:

You can also use the Bootstrap icons CSS CDN link in your HTML document to include Bootstrap icons in your project. The CDN link is given below.

<link rel="stylesheet" href=
"https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">

Example: The below code will explain how you can use the CDN link to include Bootstrap icons in your project.

Output: