Bootstrap just release there own icon library. It’s a stable version 1.0.0. In this version, they have over 1,100 icons and are on track to add hundreds more are upcoming. You can use these icons with Bootstrap or without Bootstrap.

Here are three easy ways to use it:

Way 1: Use CDN

How to use Bootstrap Icons

Go to https://icons.getbootstrap.com/ and search your needed icon.

How to use Bootstrap Icons 1.0.0

Click on your selected icon. It’ll bring you in a new page. Bottom of this page you’ll find the code of this icon. Copy it and past into your project file (HTML file).

How to use Bootstrap 4.5 Icons
How to use Bootstrap Icons

In HTML code of the icon, you can change icons height, width and mode.

Way 2: Using SVGs.

Go to https://github.com/twbs/icons/releases/tag/v1.0.0 and download the Bootstrap Icon’s ZIP folder. Unzip it, chose your icon and use in your project (HTML file).

How to use Bootstrap Icons in my project
How to use Bootstrap Icons in HTML

Way 3: via npm

Open your command prompt mode (CMD) as an administrator. Enter your project folder. Then type the npm command below. Run it to install the icons in your project.

npm i bootstrap-icons

After installation select icon and use it’s HTML code just like Way 1.

Tags: , ,