Note: Our system utilizes the FREE version of the Font Awesome Webkit v6.4.2 containing Brands, Regular and Solid font styles. The contents of this page are a simplified version of Font Awesome's extensive documentation.
Source: Read more about this topic on Font Awesome's website.
Read more about this topic on Font Awesome's website.
<!-- FONT-AWESOME 6.4.2 -->
<link rel="stylesheet" type="text/css" media="all" href="/css/fontawesome-6.4.2/all.min.css" />
<!-- FA-REGULAR -->
<i class="fa-regular fa-user"></i>
<!-- FA-SOLID -->
<i class="fa-solid fa-user"></i>
<!-- FA-BRANDS -->
<i class="fa-brands fa-facebook"></i>
Read more about this topic on Font Awesome's website.
<style type="text/css">
/* FA-REGULAR */
.class-name::after {
display:inline-block;
text-rendering:auto;
-webkit-font-smoothing:antialiased;
font:var(--fa-font-regular); /* variable stored in /fontaweomse-6.2.0/all.min.css sheet */
content:"\f007";
}
/* FA-SOLID */
.class-name::after {
display:inline-block;
text-rendering:auto;
-webkit-font-smoothing:antialiased;
font:var(--fa-font-solid); /* variable stored in /fontaweomse-6.2.0/all.min.css sheet */
content:"\f007";
}
/* FA-BRANDS */
.class-name::after {
display:inline-block;
text-rendering:auto;
-webkit-font-smoothing:antialiased;
font:var(--fa-font-brands); /* variable stored in /fontaweomse-6.2.0/all.min.css sheet */
content:"\f09a";
}
</style>
Read more about this topic on Font Awesome's website.
<i class="fa-solid fa-user"></i>
<i class="fa-solid fa-user fa-2x"></i>
<i class="fa-solid fa-user fa-3x"></i>
<i class="fa-solid fa-user fa-4x"></i>
<i class="fa-solid fa-user fa-5x"></i>
<i class="fa-solid fa-user fa-6x"></i>
<i class="fa-solid fa-user fa-7x"></i>
<i class="fa-solid fa-user fa-8x"></i>
<i class="fa-solid fa-user fa-9x"></i>
<i class="fa-solid fa-user fa-10x"></i>