Free, high quality, open source icon library with over 2,000 icons. Include them anyway you like—SVGs, SVG sprite, or web fonts. Use them with or without Bootstrap in any project.

Installation

If you'd like to use Bootstrap Icon with a CDN, you can skip this installation step.

npm i bootstrap-icons

import CSS to your src/assets/scss/icons.scss

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

CDN

Copy the following code and add it to the tag of your HTML document.

<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet" />

Usage

Add icon with class name, class name rule: bi bi-{name}-{style}

<i class="bi bi-unlock"></i>
<i class="bi bi-ticket-perforated"></i>

For more details, see the Documentation.