Font-awesomeをrail6で使ってみる

インストールして設定する

yarnでfontawesomeをインストール

ターミナル

yarn add @fortawesome/fontawesome-free

cssを読み込む

application.css

*= require @fortawesome/fontawesome-free/scss/fontawesome

application.scss

@import '~@fortawesome/fontawesome-free/scss/fontawesome';

jsを読み込む

applicaiton.js

import '@fortawesome/fontawesome-free/js/all';

公式HPから使いたいアイコンを選んで、コードをコピーする

index.html.erb

<i class="fas fa-bars fa-2x"></i>

参考資料

FontAwesome5 公式HP
【Rails】 font-awesome-sassの使い方を徹底解説！
【Rails】Rails6でFontAwesomeを導入・表示させるための手順を初心者向けに解説