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.
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.
- Lucky - 0.28.0
- Font Awesome (Free) - 5.15.4
Firstly add the fontawesome-free package via yarn.
yarn add @fortawesome/fontawesome-free
Next, we import the Font Awesome package into our app.scss file.
/* src/css/app.scss */ @import "@fortawesome/fontawesome-free";
Finally, we import the Font Awesome package into our application.js 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.
i class: "fas fa-bitcoin fa-2x text-white"
In this post, we added the amazing Font Awesome icons to our Lucky app.