Font-Awesome
You can either include font-awesome through their CDN or install it via npm/yarn.
Installation with yarn
Set up
PRO version
- Look up the auth token which can be found here. The credentials can be found on passwork
- Follow these steps to set up font-awesome pro either per project or globally.
Free
For the free version of font-awesome 5 just run yarn add @fortawesome/fontawesome-free
Inclusion for Webpacker
Include this code in your stylesheets.scss
$fa-font-path: '~@fortawesome/fontawesome-free/webfonts';
@import '~@fortawesome/fontawesome-free/scss/fontawesome';
@import '~@fortawesome/fontawesome-free/scss/solid';
Usage
- Navigate to the font-awesome gallery list
- Search for the icon that you wish to include and copy paste the
<i>tag into your application: For example for the Angular symbol I can just use this tag:<i class="fab fa-angular"></i>