PHPackages                             orchid/blade-icons - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Templating & Views](/categories/templating)
4. /
5. orchid/blade-icons

ActiveLibrary[Templating & Views](/categories/templating)

orchid/blade-icons
==================

An easy way inline SVG images in your Blade templates.

4.4.0(1mo ago)223.4M—8.7%57MITPHPCI passing

Since Jun 25Pushed 1mo ago3 watchersCompare

[ Source](https://github.com/orchidsoftware/blade-icons)[ Packagist](https://packagist.org/packages/orchid/blade-icons)[ GitHub Sponsors](https://github.com/orchidsoftware)[ Fund](https://opencollective.com/orchid)[ RSS](/packages/orchid-blade-icons/feed)WikiDiscussions master Synced 1mo ago

READMEChangelog (10)Dependencies (4)Versions (19)Used By (7)

Inline SVG Icons for Laravel Blade
==================================

[](#inline-svg-icons-for-laravel-blade)

[![](https://github.com/orchidsoftware/blade-icons/workflows/Tests/badge.svg)](https://github.com/orchidsoftware/blade-icons/actions)[![Packagist](https://camo.githubusercontent.com/52ac75480ff4d513b4bcaea40afe7d3862409cf201c1d04a293a650258d5f2c3/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f6f72636869642f626c6164652d69636f6e732e737667)](https://packagist.org/packages/orchid/blade-icons)[![Packagist Version](https://camo.githubusercontent.com/0f4e1bf821098bc6b88bd390a37adbc30597947de4d9f2d4bdde77c708b95dc2/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f6f72636869642f626c6164652d69636f6e732e737667)](https://packagist.org/packages/orchid/blade-icons)

This package for the Laravel framework allows you to use Blade components to insert inline SVG images.

Installation
------------

[](#installation)

To install this package, run the following command in your command line:

```
$ composer require orchid/blade-icons
```

Basic Usage
-----------

[](#basic-usage)

To register a directory with your files in the service provider, use the following code:

```
namespace App\Providers;

use Orchid\Icons\IconFinder;
use Illuminate\Support\ServiceProvider;

class AppServiceProvider extends ServiceProvider
{
    public function boot(IconFinder $iconFinder) : void
    {
        $iconFinder->registerIconDirectory('fa', storage_path('app/fontawesome'));
    }
}
```

When calling the directory method with the first argument, we pass the prefix to call our icons and the second argument is the directory where they are located.

After that, we can call the component in our blade templates:

```

```

If you use one or two sets of icons that do not repeat, then it is not necessary to specify a prefix in the component:

```

```

You can also list some attributes that should be applied to your icon:

```

```

Static call from a PHP class:

```
IconComponent::make(
    path: 'fa.home',
    id: 101,
    class: 'red',
);
```

### Default Sizes

[](#default-sizes)

If you are using icons from the same set, it makes sense to specify a default size value:

```
namespace App\Providers;

use Orchid\Icons\IconFinder;
use Illuminate\Support\ServiceProvider;

class AppServiceProvider extends ServiceProvider
{
    public function boot(IconFinder $iconFinder): void
    {
        $iconFinder
            ->registerIconDirectory('fa', storage_path('app/fontawesome'))
            ->setSize('54px', '54px');
    }
}
```

If you use different sets, for example, in the public part of the application and in the admin panel, then you can dynamically change the value in the middleware:

```
namespace App\Http\Middleware;

use Closure;
use Illuminate\Http\Request;
use Orchid\Icons\IconFinder;

class ExampleMiddleware
{
    public function __construct(
        private IconFinder $iconFinder
    ) {}

    /**
     * Handle an incoming request.
     */
    public function handle(Request $request, Closure $next): mixed
    {
        $this->iconFinder->setSize('54px', '54px');

        return $next($request);
    }
}
```

###  Health Score

60

—

FairBetter than 99% of packages

Maintenance88

Actively maintained with recent releases

Popularity51

Moderate usage in the ecosystem

Community24

Small or concentrated contributor base

Maturity64

Established project with proven stability

 Bus Factor1

Top contributor holds 93% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~139 days

Recently: every ~183 days

Total

16

Last Release

58d ago

Major Versions

1.3.2 → 2.0.02022-02-10

2.1.0 → 3.0.02022-10-21

3.0.0 → 4.0.02023-02-18

### Community

Maintainers

![](https://www.gravatar.com/avatar/3c47797b11041f37c2eec74b09bc6619c8997467d690797ebad0e6ab7cb232b7?d=identicon)[tabuna](/maintainers/tabuna)

---

Top Contributors

[![tabuna](https://avatars.githubusercontent.com/u/5102591?v=4)](https://github.com/tabuna "tabuna (53 commits)")[![G3z](https://avatars.githubusercontent.com/u/875086?v=4)](https://github.com/G3z "G3z (1 commits)")[![owlana](https://avatars.githubusercontent.com/u/40763849?v=4)](https://github.com/owlana "owlana (1 commits)")[![PSalador](https://avatars.githubusercontent.com/u/29531264?v=4)](https://github.com/PSalador "PSalador (1 commits)")[![swarakaka](https://avatars.githubusercontent.com/u/9349190?v=4)](https://github.com/swarakaka "swarakaka (1 commits)")

---

Tags

bladeblade-templatesiconiconsinline-svg-images

### Embed Badge

![Health badge](/badges/orchid-blade-icons/health.svg)

```
[![Health](https://phpackages.com/badges/orchid-blade-icons/health.svg)](https://phpackages.com/packages/orchid-blade-icons)
```

###  Alternatives

[cagilo/cagilo

A set of open-source Blade components for the Laravel Framework

172996.5k](/packages/cagilo-cagilo)[wireui/heroicons

The Tailwind Heroicons for laravel blade by WireUI

43390.8k5](/packages/wireui-heroicons)[stillat/antlers-components

2656.0k1](/packages/stillat-antlers-components)[itstructure/laravel-grid-view

Grid view for laravel framework

2546.6k2](/packages/itstructure-laravel-grid-view)[ycs77/inertia-laravel-ssr-head

Simple SSR Head for Inertia Laravel

3211.5k](/packages/ycs77-inertia-laravel-ssr-head)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)