Font awesome free version V6

• Synopsis
• Install
• Usage
• Example

Synopsis

By ©Fonticons, Inc.

Font Awesome Free is free, open source, and GPL friendly. You can use it for commercial projects, open source projects, or really almost whatever you want.

Install

Install the fontface via npm.

npm install --save @easyfonts/font-awesome-free
## OR
yarn add @easyfonts/font-awesome-free

Usage

Include the font in your build with (tailwind css will look in node_modules as well)

@import "@easyfonts/fontawesome-free";

Reference in your css

.someclass {
  font-family: "Font Awesome 6 Free";
}

With above css, the tag below will now show the glyph in 700 weight

<i class="fa fa-calendar-alt" />

This will install all fontfiles in node modules (4.4Mb).

If you are not using all font weights you can select a subset of fontfiles to be included into your build. You build will be consequently smaller

| import statement | prefix-class | description | | --------------------------------------------------- | ------------ | ------------------------------------ | | import '@easyfonts/fontawesome-free/brands.css'; | fabs | glyphs of well known brands | | import '@easyfonts/fontawesome-free/regular.css'; | fa | regular glyphs | | import '@easyfonts/fontawesome-free/solid.css'; | fas | filled up glyphs and thicker strokes |

Example

Include only extra-bold in your bundle

css:

@import "@easyfonts/fontawesome-free/solid.css";

javascript: (webpack, vite)

import "@easyfonts/fontawesome-free/solid.css";

Glyph CheatSheet.