---
# System prepended metadata

title: Laravel 8 - Font Awesome Kullanımı

---

# Laravel 8 - Font Awesome Kullanımı

Font Awesome'ın kendi sitesinde Start menüsünden npm ve sass bölümlerini kullanacağız.

**1-**

https://fontawesome.com/v5.15/how-to-use/on-the-web/setup/using-package-managers

`npm install --save @fortawesome/fontawesome-free`

**2-**

https://fontawesome.com/v5.15/how-to-use/on-the-web/using-with/sass

Resources klasöründeki **css/app.css** 'i **sass/app.scss** olarak değiştiriyoruz.
**resources/sass/app.scss** içerisine

```javascript=
// Font-Awesome
$fa-font-path:"../webfonts";
@import "~@fortawesome/fontawesome-free/scss/fontawesome.scss";
@import "~@fortawesome/fontawesome-free/scss/solid.scss";
@import "~@fortawesome/fontawesome-free/scss/regular.scss";
@import "@fortawesome/fontawesome-free/scss/brands.scss";
```

Import kısmında önemli olan yer `node_modules`'teki Font Awesome yolu ile burdaki yol aynı isme sahip olacak. `package.json` dosyasından kopyalanabilir.

**3-**

**webpack.mix.js** içerisine

```javascript=
const mix = require('laravel-mix');

mix.js('resources/js/app.js', 'public/js')
    .sass('resources/sass/app.scss', 'public/css')
    .sourceMaps();
```

**4-**

`npm run dev`