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

10 votes107 views2 answers
Remove underline on hover span
CSS
0 vote109 views1 answer
Adding whitespace in box
CSS
2 votes135 views2 answers
Css move inline image up
CSS
0 vote109 views1 answer
Flex fill space
CSS
0 vote100 views1 answer
Css 2 div cote à cote
CSS
0 vote106 views1 answer
Horizontal scroll only css mobile
CSS
1 vote129 views1 answer
Remove grayscale no filter css
CSS
0 vote173 views2 answers
Create column with values mapped from another column python
CSS
0 vote104 views1 answer
Enlarge ionicons css
CSS
0 vote125 views1 answer
Hiding text outside of border css
CSS