BBS5 Icons

BS5 Icons

Bootstrap 5 does not ship with its own icon library, but it recommends using Bootstrap Icons.

Bootstrap Icons is a separate project, open sourced, and available for use in any project.

To use them, you can include the CDN link in your head section: <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">

Usage

You can use them by creating an <i> element with the relevant class: <i class="bi bi-alarm"></i>.

<i class="bi bi-alarm" style="font-size: 2rem; color: cornflowerblue;"></i>
<i class="bi bi-camera" style="font-size: 2rem; color: pink;"></i>
<i class="bi bi-chat-dots" style="font-size: 2rem;"></i>