Place this code, which contains everything you need, within the <head>
of each template or page that you want to use Icon set on.
<link rel="stylesheet" href="../node_modules/bootstrap-icons/font/bootstrap-icons.css">
You need to know two icon name, prefixed with bi-
<i class="bi-house"></i>
Bootstrap Icons are SVGs, so you can include them into your HTML in a few ways depending on how your project is setup. Bootstrap Icons include a width
and height
of 1em
by default to allow for easy resizing via font-size
.
Check out all available icons here
Use font-size
and color
to change the icon appearance.
<i class="bi-house"></i>
<i class="bi-star"></i>
<i class="bi-cart"></i>
<i class="bi-person"></i>
<i class="bi-check"></i>