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

116 votes273 views6 answers
How to hide the scrollbar in css
CSS
8 votes363 views3 answers
Bootstrap file upload
CSS Bootstrap
0 vote303 views1 answer
React bootstrap carousel not working
CSS
0 vote282 views1 answer
Puntos suspensivos css
CSS
11 votes287 views3 answers
Css "fontweight" "font-weight" "fontWeight"
CSS
4 votes337 views2 answers
Border dot css
CSS
0 vote258 views1 answer
Horizontal scroll menu fade edges
CSS
33 votes299 views6 answers
Custom Cursor css
CSS
0 vote283 views1 answer
Css select havig both classes
CSS
4 votes272 views2 answers
How to make fonts respnsive
CSS