Font awesome size

Fontawesome.com mak icon bigger

<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-5x"></i>
<i class="fas fa-camera fa-7x"></i>
<i class="fas fa-camera fa-10x"></i>

Source: fontawesome.com

How to increase size of font awesome icon

#elementID {
    font-size:20px;
}

Font awesome size

<span style="font-size: 500px; color: Tomato;">
	<i class="fas fa-camera"></i>
</span>

Adjust size font-awesome icon

<div style="font-size: 0.5rem;">
  <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-5x"></i>
  <i class="fas fa-camera fa-7x"></i>
  <i class="fas fa-camera fa-10x"></i>
</div>

Source: fontawesome.com

Similar codes

0 vote215 views1 answer
How to link to class in CSS
CSS
5 votes199 views1 answer
How to center with translate
CSS
57 votes330 views4 answers
Css hover rounded corners
CSS
1 vote194 views2 answers
Show hidden message html
CSS
0 vote185 views1 answer
Jquery change css variiable value
CSS
-1 vote147 views2 answers
Scss comments
CSS
-1 vote194 views2 answers
How to zoom image on hover in css
CSS
1 vote183 views1 answer
Div border glow effect css
CSS
0 vote158 views1 answer
Laravel load css from public
CSS
0 vote143 views1 answer
Scss add class to body
CSS