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 vote166 views1 answer
Css click through after
CSS
23 votes172 views4 answers
Css gradient border
CSS
2 votes174 views1 answer
Css rounded corners at top only
CSS
1 vote160 views1 answer
Svg tailwind
CSS
0 vote254 views1 answer
Spinner in html css react
CSS
0 vote221 views1 answer
How to make multiple borders using box shadow in css
CSS
11 votes167 views2 answers
Css line-clamp
CSS
0 vote177 views1 answer
The CSS to make all the columns equal in width is as follows
CSS
0 vote285 views1 answer
Css remove scrollbar from body
CSS
0 vote155 views2 answers
Background having opacity and text above to not have opacity
CSS