Bootstrap Icons

Bootstrap

Bootstrap Icons is an open-source icon library with over 1,500 SVG icons designed to work with Bootstrap components. You can easily integrate them into your Aquiry project to enhance the UI.

Step 1: Install Bootstrap Icons

You can install Bootstrap Icons via yarn or use the CDN link in your project.

yarn add bootstrap-icons

Alternatively, add the following <link> tag inside the <head> of your HTML to include Bootstrap Icons via CDN:

<!-- Using CDN -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">

Step 2: Import CSS in Your Project

If you installed via npm, import the Bootstrap Icons CSS in your main SCSS or JS file:

// SCSS import
@import "bootstrap-icons/font/bootstrap-icons.css";

Step 3: Using Bootstrap Icons

Use the <i> tag with the appropriate class to display any icon:

<i class="bi bi-alarm"></i>
<i class="bi bi-basket"></i>
<i class="bi bi-chat-dots"></i>