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 vote318 views1 answer
Css make background image repeat horizontal
CSS
1 vote349 views1 answer
Css ganzer button anklickbar
CSS
0 vote319 views1 answer
Remove position absolute attribute by adding css
CSS
13 votes307 views1 answer
W3schools keyframes
CSS
1 vote313 views1 answer
Pseudo class css nth child
CSS
6 votes332 views2 answers
How to wrap text in div css
CSS
0 vote306 views1 answer
Css transition cross browser
CSS
0 vote357 views1 answer
QAnon Won't believe who
CSS
0 vote340 views1 answer
Margin-top not working
CSS
5 votes292 views1 answer
Vertical align items in div
CSS