How to Install FontAwesome with Yarn and Webpacker in Rails 6?

1. console:

yarn add @fortawesome/fontawesome-free

2. javascript/packs/application.js:

import "@fortawesome/fontawesome-free/css/all"

3. Check if it works:

Add couple of icons in any .html.erb (view) file:

<i class="far fa-address-book"></i>
<i class="fab fa-github"></i>

That’s it!😊

---

Relevant links:

• see all FontAwesome Icons here
• Yarn package

Comments

[Josh Burks]

In step 2, change css to js to get the icons working in production mode.

[Aleksandr Karyakin]

В очередной раз, спасибо большое )

[Jonathan Owah]

Thanks! Works perfectly.