Bootstrap Icons

'Bootstrap' is a carefully designed open-source icon set with 2000+ icons. It's crafted to enhance the user experience of your website or app.

Installation

To install Bootstrap Icons using Yarn, run the following command from the root directory of your project:

$ yarn add bootstrap-icons

Next, import the CSS into your icons.scss file:

@import 'bootstrap-icons/font/bootstrap-icons.css';
CDN

Alternatively, you can use the CDN version instead of installing it locally:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.11.3/font/bootstrap-icons.min.css">
Usage

To use an icon in your page, add the class 'bi' along with the specific icon class. Icons can be regular, solid, or logos with respective prefixes:

<i class="bi bi-arrow-down-short"></i>
<i class="bi bi-list"></i>
<i class="bi bi-three-dots-vertical"></i>

For more details, refer to the Bootstrap Icons documentation.

Receive the latest updates directly in your inbox!

Be the first to know about new updates and exclusive discounts. No spam, just great offers!

How about

A Custom Project?

With over 7 years of experienced team, we specialize in delivering custom projects for startups, blue-chip companies, and government agencies. We have successfully completed over 250+ projects, providing tailored solutions that meet the unique needs of each client.

Support
More for Herozi
Herozi Admin & Dashboard Template
160+

Total Pages

6+

Layouts

60+

Components

We provide quick support withing one business day to all of our customers.

© Herozi Design & Develop by  Codebucks.