There are many ways we can use font awesome in different types of applications.

This package allows customizing the styles of icons.

  • size
  • weight
  • color

using cdn always has advantages for smaller files, It is simple to include in web HTML pages

In html pages, Add the below all.min.css file in link tag inside head tag

<link rel="stylesheet" href="
font-awesome/5.15.2/css/all.min.css" />

npm/yarn packages

In nodejs applications, fontawesome provides packages with npm or yarn package managers.

To install in your applications.

npm install --save @fortawesome/fontawesome-free
yarn add --save @fortawesome/fontawesome-free

Download icons into a local folder

You can download the icon zip file from here Extract the content into your project folder, for example, the assets folder

In the HTML page, configure the path of the CSS file as seen below.

<link rel="stylesheet" href="assets/font-awesome/5.15.2/css/all.min.css"/>

all.min.css contains all free icon styles

<div class="is-centered">
    <a class="button is-primary">Primary</a>
    <a class="button is-link">Link</a>
    <a class="button is-info">Info</a>
    <a class="button is-success">Success</a>
    <a class="button is-warning">Warning</a>
    <a class="button is-danger">Danger</a>