【Laravel】Font Awesome を使用する方法(npmでインストール)
本記事はLaravelプロジェクトFont Awesomeをインストールして使用する方法をまとめたものです。 もし、間違えている点などがあれば教えていただければと思います。
環境
PHP 8 Laravel 10 npm 9 node 20
インストール
※npmが使用できることを前提としています。
① @fortawesome/fontawesome-freeをインストール
npm install @fortawesome/fontawesome-free --save
② インストールしたパッケージの使用
以下内容をapp.jsに記載してFont Awesomeを使用できるようにします。
import "@fortawesome/fontawesome-free/js/fontawesome"; import "@fortawesome/fontawesome-free/js/brands"; import "@fortawesome/fontawesome-free/js/solid"; import "@fortawesome/fontawesome-free/js/regular";
③ 再度実行する
npm run dev
④ viewにFont Awesomeを追加
<i class="fab fa-apple"></i> <i class="fas fa-shopping-cart"></i> <i class="far fa-heart"></i>
補足
パッケージの種類
Font Awesomeには大きく以下の2つのパッケージがある。
