Lucky Webapp Add Font Awesome

published: 27th of August 2021

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.

The following software versions were used in this post.

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";

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"

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