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

1 vote145 views1 answer
Select all class in css
CSS
0 vote168 views1 answer
Css not last of type
CSS
45 votes175 views6 answers
Css elipsis
CSS
0 vote152 views1 answer
Rotate box-shadow
CSS
0 vote160 views1 answer
Font semi bold css
CSS
0 vote188 views1 answer
Css packer cli
CSS
22 votes159 views2 answers
Rgb white
CSS
0 vote229 views1 answer
.txt:hover { text-decoration: underline; }
CSS
0 vote146 views2 answers
Remove button shadow css
CSS
0 vote158 views1 answer
How to add hover effect in emotion
CSS