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

66 votes179 views6 answers
Margin css
CSS
0 vote161 views1 answer
How to change a checkbox to be selected
CSS
1 vote216 views1 answer
Twig block
CSS
0 vote164 views1 answer
Mat-form-field textarea save with new line
CSS
1 vote164 views1 answer
Url css
CSS
1 vote204 views1 answer
Wp wpbakery bulder page alignment
CSS
0 vote163 views1 answer
Css img src
CSS
1 vote148 views1 answer
How to stop a page from scrolling horizontally
CSS
0 vote119 views1 answer
Affect top div opacity without affecting childrne
CSS
0 vote164 views1 answer
Html invisible hr
CSS