A package to easily make use of Font Awesome in your Laravel Blade views.

Information

Category: PHP / Frameworks
Watchers: 1
Star: 13
Fork: 0
Last update: Jul 1, 2020

Resource links

https://packagist.org/packages/owenvoke/blade-fontawesome

https://github.com/owenvoke/blade-fontawesome

README
Issues 9

Blade Font Awesome

A package to easily make use of Font Awesome in your Laravel Blade views.

For a full list of available icons see the SVG directory.

Requirements

PHP 7.4 or higher
Laravel 7.14 or higher

Install

Via Composer

$ composer require owenvoke/blade-fontawesome

Usage

Icons can be used a self-closing Blade components which will be compiled to SVG icons:

<x-fas-cloud/>

You can also pass classes to your icon components:

<x-fas-cloud class="w-6 h-6 text-gray-500"/>

And even use inline styles:

<x-fas-cloud style="color: #555"/>

Raw SVG Icons

If you want to use the raw SVG icons as assets, you can publish them using:

php artisan vendor:publish --tag=blade-fontawesome --force

Then use them in your views like:

<img src="{{ asset('vendor/blade-fontawesome/solid/cloud.svg') }}" width="10" height="10"/>

Blade Icons

Blade Font Awesome uses Blade Icons under the hood. Please refer to the Blade Icons readme for additional functionality.

Change log

Please see CHANGELOG for more information on what has changed recently.

Testing

$ composer test

Contributing

Please see CONTRIBUTING for details.

Security

If you discover any security related issues, please email [email protected] instead of using the issue tracker.

Credits

License

The MIT License (MIT). Please see License File for more information.

Treeware

You're free to use this package, but if it makes it to your production environment you are required to buy the world a tree.

It’s now common knowledge that one of the best tools to tackle the climate crisis and keep our temperatures from rising above 1.5C is to plant trees. If you support this package and contribute to the Treeware forest you’ll be creating employment for local families and restoring wildlife habitats.

You can buy trees here.

Read more about Treeware at treeware.earth.

1 Open More issues

Closed

Unable to locate a class or view for component [fas-cloud]

Description

I installed as instructed, but encountered an error

Facade\Ignition\Exceptions\ViewException Unable to locate a class or view for component [fas-cloud].

Environment

PHP 7.4.7
Windows 10

opened Jul 5, 2020 by nguyentranchung 28

Closed

Add support for Font Awesome pro icons

Description

This was suggested by @flowdee on Twitter, it would be nice to be able to support Font Awesome icons for Pro users.

I currently don't use Font Awesome pro so I wouldn't be able to test this. Also, the Font Awesome licence states that the icons shouldn't be included in open source (although they are looking into how this could be possible).

Possible implementation

I'm not really sure how this would work as it needs to include the icons in the package somehow. 🤔

type: enhancement status: help wanted semver: minor

opened Jun 24, 2020 by owenvoke 23

Closed

Font-Awesome v6

Thanks for thinking ahead @owenvoke ! 🙏 The package already works with Font-Awesome v6. The new thin set as well as all the new icons are detected by the package. As soon as FA6 is out of alpha/beta the packed-in icons could be replaced but you can already use the FA6 Pro icons with the sync pro icons command. 🎉

Right now you can only sync the pro icons with the command as it has hardcoded fontawesome-pro in it. https://github.com/owenvoke/blade-fontawesome/blob/60c1f2b6629012ab4c9e6871dc911c08606d0b27/src/Commands/SyncProIconsCommand.php#L23-L25

Would it be an idea to allow to customize that one as well so that this command could be used to sync the free FA6 icons as well? 🤔

opened Oct 20, 2021 by Gummibeer 5

Closed

Render icon by variables

I want to be able to render an icon ba variables like <x-fa fal="glass-citrus"/>.

Description

Sometimes I want to dynamically use an icon - for example for file types or whatever and instead of a long if-elseif it would be easier to simply pass in a variable - like <x-fa :fal="'file-'.$type"/>.

Possible implementation

A general component would be needed that picks the correct SVG by the passed variables.

I have such a component in my own project, but mine uses the web-font - it consists of following files:

class

<?php

namespace App\View\Components;

use Illuminate\Support\Str;
use Illuminate\View\Component;
use Illuminate\View\View;

class Icon extends Component
{
    public ?string $style;
    public ?string $icon;

    public function __construct(
        ?string $fal = null,
        ?string $far = null,
        ?string $fas = null,
        ?string $fad = null,
        ?string $fab = null
    ) {
        $this->style = ($fal ? 'fal' : ($far ? 'far' : ($fas ? 'fas' : ($fad ? 'fad' : ($fab ? 'fab' : null)))));
        $this->icon = Str::start($fal ?? $far ?? $fas ?? $fad ?? $fab, 'fa-');
    }

    public function render(): View
    {
        $class = implode(' ', [
            $this->style,
            $this->icon,
            'fa-fw',
        ]);

        return view('components.icon', ['class' => $class]);
    }
}

blade

<i {{ $attributes->merge(['class' => $class]) }}></i>

opened Aug 19, 2020 by Gummibeer 5

Closed

feat: add support for Font Awesome Pro

This adds support for using Font Awesome Pro icons.

Install Font Awesome Pro as usual through npm (npm i --save @fortawesome/fontawesome-pro)
Run the "sync" command (php artisan blade-fontawesome:sync-pro)
Profit 😉

Check out #3 for more information.

Things to do:

~~Update bin/compile.sh to work with pro icons, or probably add it as a PHP script instead that can be run for any directory of SVGs (that way it can be integrated into the sync command).~~

[x] I have read the CONTRIBUTING document.

Closes #3

type: enhancement semver: minor

opened Aug 19, 2020 by owenvoke 4

Closed

`2.x` version missing

I guess 2.x (as mentioned in README.md) version seems to be missing, or is it yet to be tagged?

opened Feb 9, 2022 by swapnilsarwe 3

Open

chore: update to Font Awesome v6.1.0

This updates from 6.1.1 to 6.1.0.

Check out the differences: 6.1.1 ... 6.1.0

Please check for any breaking or notable changes before merging.

Please also check that the snapshots were updated successfully in commit: ae716ac96943ac30ab5bbbfd88f3e3018184eb69.

opened Apr 17, 2022 by github-actions[bot] 1

Open

Suggestion

Sorry, not a bug, but any recommended methods to help PHPStorm recognize the blade components? I'm always getting "Unknown Blade component" error for any of the icon components. Any suggestions would be much appreciated!

opened Mar 13, 2022 by brandon-9 1

Open

Load icons from custom directory.

Currently if your icons are located in directory other that blade-fontawesome, Factory will throw an error complaining that "path" for a set does not exist. This happens because BladeUIKit package creates "paths" for sets the first time it create Factory. Since this package hooks up to BladeUIKit when its Factory is already instantiated "paths" key for icon sets is not filled.

Ideally, I'd look to update BladeUIKit Factory itself, but it won't hurt to manually sets paths in this library.

...

[ ] I have read the CONTRIBUTING document.

opened Aug 23, 2021 by KaneCohen 0

A package to easily make use of SVG icons in your Laravel Blade views.

Laravel Blade Extension Classes for Laravel 5

Use custom HTML components in your Blade views

Laravel Blade components collection

YAAC: Another Awesome CV is a template using Font Awesome and Adobe Source Font.

Fonts is a package that provides helpers to access font details and easily retrieve font bytes.

Take a look into your Laravel views

Streamline your animations by using these simple blade directives in your components!

API Blueprint Renderer for Laravel, customizable via Blade templates

Webpack Bootstrap 4 and Font Awesome demo :warning: this package is deprecated

Extendable Interactive Make Command for Laravel

Laravel Admin Panel ("LAP") is a drop-in admin panel package for Laravel which promotes rapid scaffolding & development.

a cross platform 3d engine using c++98

Custom font library for android | Library to change/add font of Entire Android Application at once without wasting your time - TextViews, EditText, Buttons, Views etc.,

Brings make:scope command to laravel

A light weight laravel package , whic facilitates dealing with arabic concepts using a set of classes and methods to make laravel speaks arabic! concepts like , Hijri Dates & Arabic strings and so on ..

Laravel-Mediable is a package for easily uploading and attaching media files to models with Laravel 5.

🚀 Supercharged Excel exports and imports in Laravel

GAME BOY font from Pokémon R/G/B/Y/G/S/C, Unicode extended.

plotters-font-loader - A font loading utility written in and for rust. (Forked from MSleepyPanda/rust-font-loader)

Share this repo

Related Repos

Frameworks

Upgrade dd() with Laravel-specific improvements

Laravel Dumper Improve the default output of dump() and dd() in Laravel projects. Improves the default dump behavior for many core Laravel objects, in

Frameworks

🕵️ Inspect Laravel Eloquent models to collect properties, relationships and more.

🕵️ Eloquent Inspector Inspect Laravel Eloquent models to collect properties, relationships and more. Install Via Composer composer require cerbero/el

Frameworks

Laravel package to work with geospatial data types and functions.

Laravel Spatial Laravel package to work with geospatial data types and functions. For now it supports only MySql Spatial Data Types and Functions. Sup

Frameworks

Aplicação em Laravel que pretende fornecer um banco de problemas matemáticos para estudant...

About Laravel Laravel is a web application framework with expressive, elegant syntax. We believe development must be an enjoyable and creative experie

Frameworks

✈️ Whatsapp Notifications Channel for Laravel

Whatsapp Notifications Channel for Laravel This package makes it easy to send Whatsapp notification using Venom API with Laravel. This package was cre

Frameworks

DBase - An easy-to-use backend for mobile and web applications

DBase DBase is an easy-to-use backend for your mobile and web applications, host the files in an Ubuntu server and use the SDKs to perform CRUD operat

Frameworks

The Laravel eCommerce ABA Payment Gateway module allows the admin to integrate the ABA pay...

Introduction Bagisto ABA Payment Gateway. Requirements: Bagisto: v1.3.2. Installation with composer: Run the following command composer require bagist

Frameworks

A Laravel wrapper for the Qvapay API

Qvapay Laravel An easy to use Qvapay API wrapper for Laravel 7 and 8. Introduction Qvapay-Laravel makes working with the Qvapay API a breeze. It provi

Frameworks

Integrate Vapulus Payment Gateway with your laravel eCommerce store

Introduction Bagisto Vapulus Payment Add-on. It packs in lots of demanding features that allows your business to scale in no time: Provide payment dir

Frameworks

LaraNx Seo enables your Laravel app to store Seo and social media meta tag data in databas...

LaraNx Seo LaraNx Seo enables your Laravel app to store SEO and social media meta tag data in database instead of your code. Moving marketing data out

Frameworks

With the help of the Laravel eCommerce CashU Payment Gateway, the admin can integrate the ...

Introduction Bagisto CashU Payment add-on allow customers to pay for others using CashU payment gateway. Requirements: Bagisto: v1.3.2 Installation wi

Frameworks

The Laravel eCommerce UPS Shipping module provides UPS (United Parcel Service) Shipping me...

Introduction Bagisto UPS Shipping add-on provides UPS Shipping methods for shipping the product. By using this, you can provide UPS (United Parcel Ser

Frameworks

Monitor your Laravel servers

Laravel Monitoring Monitor your Laravel applications server with a beautiful dashboard and get notified if anything gets wrong! Supported OS This pack

Frameworks

Viewi for Laravel: Build full-stack and completely reactive user interfaces with PHP

[WIP] Laravel Viewi This is just a proof-of-concept. Don't use it in production! Viewi for Laravel: Build full-stack and completely reactive user inte

Frameworks

The easiest and most intuitive way to add access management to your Filament Resource Mode...

Filament Shield The easiest and most intuitive way to add access management to your Filament Resource Models (more coming soon 😎 ) One Plugin to rule