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

35 votes281 views3 answers
What does class="d-none d-md-block" mean in bootstrap?
CSS
0 vote266 views2 answers
Woocommerce cart css description
CSS
0 vote273 views1 answer
Linux copy directory permissions to another directory
CSS
76 votes308 views6 answers
Display flex css
CSS
1 vote269 views1 answer
Sass compressed style
CSS
5 votes253 views1 answer
How to hange the color of your cursor in css
CSS
1 vote267 views1 answer
Css line break width
CSS
15 votes300 views2 answers
Background-image: url opacity
CSS
0 vote282 views2 answers
Hide Categories - Woocommerce Product Page
CSS
0 vote252 views1 answer
Css selector all class prefix
CSS