How to use Bootstrap Icons? – AI Bootstrap Builder

How to use Bootstrap Icons? Pending Review

Asked on Sep 16, 2025

1 Answer

Bootstrap Icons can be easily integrated into your project by including the Bootstrap Icons library and using the icon classes. Here's a simple example to get you started.

<!-- BEGIN COPY -->
        <!-- Include Bootstrap Icons CSS -->
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css">

        <!-- Use an icon -->
        <i class="bi bi-alarm"></i>
        <!-- END COPY -->

- **Step 1**: Include the Bootstrap Icons CSS file in your HTML "" section. - **Step 2**: Use the "" tag with the appropriate "bi" class to display an icon. - You can find all available icons and their classes on the [Bootstrap Icons website](https://icons.getbootstrap.com/). ✅ Answered with Bootstrap 5 best practices.

← Back to All Questions

Advertisement