Lucky Webapp Add Font Awesome
Published: 27th of August 2021
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.