Intro

In this post I will show you how to add the Font Awesome icons to your Lucky webapp.

Note

There is a free version and a paid version. In this post we will be utilizing the free version of Font Awesome.

Software

The following software versions were used in this post.

  • Lucky - 0.28.0
  • Font Awesome (Free) - 5.15.4

Installation

Firstly add the fontawesome-free package via yarn.

cmd
yarn add @fortawesome/fontawesome-free

Next, we import the Font Awesome package into our app.scss file.

file
/* src/css/app.scss */
@import "@fortawesome/fontawesome-free";

Finally, we import the Font Awesome package into our application.js file.

file
// src/js/app.js
import "@fortawesome/fontawesome-free/js/all";

Usage

To find icons search for them here. Once you have an icon, change the format to Lucky template style and you are good to go.

file
i class: "fas fa-bitcoin fa-2x text-darkmode"

Outro

In this post, we added the amazing Font Awesome icons to our Lucky app.