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

5 votes194 views2 answers
Materialize css cdn
CSS
59 votes208 views1 answer
@media for mobile
CSS
2 votes245 views1 answer
Background gradient problem
CSS
0 vote192 views1 answer
Css hollow circle
CSS
0 vote223 views1 answer
How to write text in middle of straight line in css
CSS
0 vote186 views1 answer
Css break after 2 words
CSS
0 vote232 views1 answer
Css column gap flex
CSS
0 vote265 views2 answers
Css grid reverse column order
CSS
5 votes252 views2 answers
Remove bootstrap button outline
CSS Bootstrap
1 vote260 views4 answers
Css before
CSS