Search
 
SCRIPT & CODE EXAMPLE
 

HTML

bootstrap 5 change size of icon

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

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>
Comment
PREVIOUS NEXT
Code Example
Html :: how to reduce br space in html 
Html :: laravel murakkab old 
Html :: how to read a form from HTML in javascript 
Html :: bootstrap display none 
Html :: tailwind 
Html :: bs4 no border 
Html :: how to use pyscript in html 
Html :: html button with action link 
Html :: input field image accept type 
Html :: facebook icon html 
Html :: Window yes no decision alert 
Html :: how to add links 
Html :: html lag on scoll 
Html :: html viewport 
Html :: Call to a member function format() on string 
Html :: calculator template html css 
Html :: country code for continents 
Html :: measures have been taken to increase their number. 
Html :: question mark html 
Html :: ionic vertical align center 
Html :: onclick nothing 
Html :: How to set background color without body tag html 
Html :: term in (click) calling in angular 
Html :: input tag with data list 
Html :: disabled input fields vue 
Html :: ml-auto bootstrap 5 not working 
Html :: html entity at sign 
Html :: html shopping cart icon 
Html :: android back arrow action bar 
Html :: display html input datetime-local value from mysql date time 
ADD CONTENT
Topic
Content
Source link
Name
7+1 =