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

11 votes130 views1 answer
Jquery select th by class
Html
1 vote177 views1 answer
Input onchange continuously
Html
0 vote167 views1 answer
Html ascii for space
Html
2 votes175 views1 answer
Uninstall xampp linux
Html
0 vote165 views1 answer
Angular add html attribute on condition
Html
0 vote178 views1 answer
Nuxt for background color
Html
0 vote162 views1 answer
Ght TypeError: Cannot read properties of null (reading 'value') at getInchesValue (BMI.is:12) at HTMLSelectElement.onchange (Index.html:20)
Html
0 vote200 views2 answers
Echo
Html
1 vote227 views1 answer
Error NG8001: 'mat-dialog-content' is not a known element
Html
0 vote182 views1 answer
Html marquee space between images
Html