v1.0
keyboard_double_arrow_left
Bootstrap
angular
django
flutter
nodejs
Bootstrap Icons.
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. Click here
Example
Use Bootstrap Icons with a spesific class.
<i class="bi bi-archive fs-3"></i>
<i class="bi bi-arrow-repeat fs-3"></i>
<i class="bi bi-arrow-through-heart fs-3"></i>
<i class="bi bi-bag-check fs-3"></i>
<i class="bi bi-bell fs-3"></i>
<i class="bi bi-box-seam fs-3"></i>
Colors
You can use Bootstrap Icons with a specific class, and style them using text utilities like text-primary, text-success, or any text-* class for quick color control.
primary
secondary
success
danger
info
warning
dark
light
gray
<i class="bi bi-emoji-heart-eyes text-primary"></i>
<i class="bi bi-emoji-heart-eyes text-secondary"></i>
<i class="bi bi-emoji-heart-eyes text-success"></i>
<i class="bi bi-emoji-heart-eyes text-danger"></i>
<i class="bi bi-emoji-heart-eyes text-info"></i>
<i class="bi bi-emoji-heart-eyes text-warning"></i>
<i class="bi bi-emoji-heart-eyes text-dark"></i>
<i class="bi bi-emoji-heart-eyes text-light"></i>
<i class="bi bi-emoji-heart-eyes text-gray"></i>
Sizes
You can use Bootstrap Icons with a specific class and control their size using Bootstrap’s fs-* font size utilities.
fs-1
fs-2
fs-3
fs-4
fs-5
fs-6
<i class="bi bi-feather fs-1"></i>
<i class="bi bi-feather fs-2"></i>
<i class="bi bi-feather fs-3"></i>
<i class="bi bi-feather fs-4"></i>
<i class="bi bi-feather fs-5"></i>
<i class="bi bi-feather fs-6"></i>