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

4 votes180 views1 answer
React select, option
Html
1 vote165 views1 answer
Ionic skeleton
Html
0 vote172 views1 answer
Https://stackoverflow.com/questions/47961310/how-to-stack-multiple-images-in-bootstrap-4-carousel?rq=1
Html
1 vote188 views1 answer
Html title popup
Html
10 votes174 views1 answer
How to embed videos in html
Html
0 vote135 views1 answer
Link em imagem html
Html
0 vote169 views1 answer
Google translate english to bangla
Html
0 vote236 views1 answer
Html multi page website
Html
2 votes187 views2 answers
Html table filter by all columns
Html
0 vote158 views1 answer
Convert markdown to styled html
Html