Font Awesome Icons

Font Awesome

Font Awesome is a popular, open-source icon library with thousands of scalable vector icons. It provides easy integration, multiple styles (solid, regular, brands), and high-quality icons to enhance your Aquiry project's UI.

Step 1: Install Font Awesome

You can install Font Awesome via yarn, or include it directly via CDN.

yarn add @fortawesome/fontawesome-free

Alternatively, add the following <link> tag inside the <head> of your HTML to include Font Awesome via CDN:

<!-- Using CDN -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">

Step 2: Import CSS in Your Project

If you installed via yarn, import the Font Awesome CSS in your main SCSS or JS file:

// SCSS import
@import "custom/plugins/icons/fontawesome-all";

Step 3: Using Font Awesome Icons

Use the <i> tag with the appropriate class to display any icon:

<i class="fas fa-user"></i>
<i class="fas fa-bell"></i>
<i class="fas fa-shopping-cart"></i>

For a complete list of icons and names, visit the Font Awesome Icons website.