An icon font library based on Bootstrap icons.
The Bootstrap Icons Font is designed to be used with inline elements, i and span are recommended.
<i class="bi-gear"></i>
<i class="bi-gear-fill"></i>
You can set the font sizes with font-size like common elements
<i class="bi-gear" style="font-size: 32px;"></i>
You can also use the utilities:
.bi--lg : font size is 1.33333333em
.bi--{{ i }}x : font size is {{ i }}em
<i class="bi-gear-fill bi--lg"></i>
<i class="bi-gear-fill bi--{{ i }}x"></i>
You can use the bi--spin class to get any icon to rotate.
<i class="bi-gear bi--spin"></i>
<i class="bi-download bi--spin"></i>
You can rotate and flip icons use the bi--rotate-* and bi--flip-* classes.
<i class="bi-bootstrap"></i>
<i class="bi-bootstrap bi--rotate-{{ deg }}"></i>
<i class="bi-bootstrap bi--flip-horizontal"></i>
<i class="bi-bootstrap bi--flip-vertical"></i>