https://github.com/devlop/fontawesome-blade
Laravel Blade Components to make it dead simple to use Font Awesome SVG's in Laravel.
https://github.com/devlop/fontawesome-blade
List: fontawesome-blade
blade-components fontawesome fontawesome6 laravel
Last synced: 19 days ago
JSON representation
Laravel Blade Components to make it dead simple to use Font Awesome SVG's in Laravel.
- Host: GitHub
- URL: https://github.com/devlop/fontawesome-blade
- Owner: devlop
- License: mit
- Created: 2021-03-07T20:41:21.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2023-03-03T05:26:41.000Z (over 3 years ago)
- Last Synced: 2026-02-18T05:41:57.191Z (4 months ago)
- Topics: blade-components, fontawesome, fontawesome6, laravel
- Language: PHP
- Homepage:
- Size: 52.7 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Font Awesome Blade
A collection of [Laravel Blade Components](https://laravel.com/docs/9.x/blade#components) to make it dead simple to use the [Font Awesome icons](https://fontawesome.com/v6/icons) in Laravel.
# Prerequisites
This package assumes that you are using [Font Awesome via a package manager](https://fontawesome.com/how-to-use/on-the-web/setup/using-package-managers).
# Installation
```
composer require devlop/fontawesome-blade
```
# Configuration
By default this package will assume you are using the `@fortawesome/fontawesome-free`.
If you are using any other version, publish the configuration and change the path accordingly.
```
php artisan vendor:publish --provider="Devlop\FontAwesome\FontAwesomeBladeServiceProvider"
```
# Usage
Each of Font Awesome's different styles are available as separate components, they all accept the same `name` argument for specifying which icon to display.
```html
```
You also need to import the Font Awesome CSS into your CSS build to get the icons to display like they would if you were using the Font Awesome JS method.
```scss
@import '@fortawesome/fontawesome-pro/css/svg-with-js.css';
```