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

3 votes304 views2 answers
Image overlay in css
CSS
0 vote322 views1 answer
CSS menu list with underline hover animation
CSS
1 vote678 views2 answers
Customize highlight color website
CSS
0 vote289 views1 answer
Background effect css
CSS
2 votes269 views1 answer
Css content space
CSS
16 votes298 views5 answers
Scss loop
CSS
0 vote311 views1 answer
Css space between child elements
CSS
2 votes309 views2 answers
Css heading background line
CSS
0 vote308 views1 answer
How to center an overlay button using flex box
CSS
34 votes353 views4 answers
Hide element using css
CSS