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

This package allows to customize 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="https://cdnjs.cloudflare.com/ajax/libs/
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 local folder

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

In html page, configure path of css file like seen below

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

all.min.css contain all free icon styles

. */}}