Introduction

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

Summary

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

Tags

lucky crystal fontawesome