Bootstrap 5 change size of icon

<i class="bi-alarm" style="font-size: 2rem;"></i>

Source: icons.getbootstrap.com

Bootstrap icon size

To increase icon sizes relative to their container, use the fa-xs, fa-sm, fa-lg (33% increase), fa-2x, fa-3x, fa-4x, fa-5x, fa-6x, fa-7x, fa-8x, fa-9x, fa-10x classes.


<i class="fas fa-camera fa-xs"></i>
<i class="fas fa-camera fa-sm"></i>
<i class="fas fa-camera fa-lg"></i>
<i class="fas fa-camera fa-2x"></i>
<i class="fas fa-camera fa-3x"></i>
<i class="fas fa-camera fa-4x"></i>
<i class="fas fa-camera fa-5x"></i>
<i class="fas fa-camera fa-6x"></i>
<i class="fas fa-camera fa-7x"></i>
<i class="fas fa-camera fa-8x"></i>
<i class="fas fa-camera fa-9x"></i>
<i class="fas fa-camera fa-10x"></i>

-1

Source: stackoverflow.com

Similar codes

0 vote272 views1 answer
How to align a link in a bootsrap navbar o the left
Html
28 votes239 views6 answers
Html telephone link
Html
9 votes241 views3 answers
Simple html
Html
6 votes244 views3 answers
How to center vertically in bootstrap col
Html
0 vote243 views1 answer
How to pass dynamic url in Link react
Html
3 votes283 views5 answers
Html paragraph
Html
0 vote268 views2 answers
Http nima
Html
0 vote239 views2 answers
Background music html autoplay hidden
Html
0 vote239 views1 answer
A pint of sap from a 4000 year old bristlecone pine
Html
0 vote261 views6 answers
Bits
Html