PHPackages                             phaza/laravel-blade-inline-svg - 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. phaza/laravel-blade-inline-svg

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

phaza/laravel-blade-inline-svg
==============================

Allows you to inline svgs in html so you can use normal CSS to apply styles to your svg. (No more multiple versions of same icon with just different colour)

0.3(10y ago)567.0k6[1 issues](https://github.com/phaza/laravel-blade-inline-svg/issues)MITPHP

Since Jan 14Pushed 2y ago2 watchersCompare

[ Source](https://github.com/phaza/laravel-blade-inline-svg)[ Packagist](https://packagist.org/packages/phaza/laravel-blade-inline-svg)[ RSS](/packages/phaza-laravel-blade-inline-svg/feed)WikiDiscussions master Synced 4w ago

READMEChangelogDependencies (5)Versions (4)Used By (0)

### The what

[](#the-what)

This simple extension allows you inline svgs in your templates, which means your svg turns into first class citizens of your html and can be styled with css like all other html elements. This reduces the needs for making multiple colored versions of the same icon just to add a :hover effect for instance.

```
a:hover svg line {
	fill: #r00;
}
```

### The How`

[](#the-how)

Add `Phaza\InlineSvg\BladeInlineSvgServiceProvider::class` to the `providers` array and
`"SvgInliner" => Phaza\InlineSvg\Facades\SvgInliner::class` to the `aliases` array in `config/app.php`.

Optionally publish the config, it'll be named `blade-inline-svg.php`.

### Configuration

[](#configuration)

svg-path:
This is the default folder where the inliner should look for svg files.

### Synopsis

[](#synopsis)

`@svg($path, $attributes)`

#### `$path`:

[](#path)

If `$path` starts with `DIRECTORY_SEPARATOR`, it's parsed as an absolute path.
If not, it's parsed as relative path starting at `config('blade-inline-svg.svg-path')`

#### `$attributes`:

[](#attributes)

`$attributes` is an associative array of attributes you want to set on the svg element. Use this to add classes (or transforms) to easy reference the svg.

###  Health Score

31

—

LowBetter than 66% of packages

Maintenance16

Infrequent updates — may be unmaintained

Popularity30

Limited adoption so far

Community11

Small or concentrated contributor base

Maturity55

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% 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 ~10 days

Total

3

Last Release

3802d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/3142b43984be5ecb8559c6ba874c1875a319dc6fd3e3c7f230d00e1cb958583c?d=identicon)[phaza](/maintainers/phaza)

---

Top Contributors

[![phaza](https://avatars.githubusercontent.com/u/4553?v=4)](https://github.com/phaza "phaza (9 commits)")

###  Code Quality

TestsPHPUnit

### Embed Badge

![Health badge](/badges/phaza-laravel-blade-inline-svg/health.svg)

```
[![Health](https://phpackages.com/badges/phaza-laravel-blade-inline-svg/health.svg)](https://phpackages.com/packages/phaza-laravel-blade-inline-svg)
```

###  Alternatives

[psalm/plugin-laravel

Psalm plugin for Laravel

3355.3M337](/packages/psalm-plugin-laravel)[roots/acorn

Framework for Roots WordPress projects built with Laravel components.

9762.4M123](/packages/roots-acorn)[laravel/pulse

Laravel Pulse is a real-time application performance monitoring tool and dashboard for your Laravel application.

1.7k15.1M125](/packages/laravel-pulse)[blade-ui-kit/blade-icons

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

2.5k42.5M393](/packages/blade-ui-kit-blade-icons)[moonshine/moonshine

Laravel administration panel

1.3k239.9k76](/packages/moonshine-moonshine)[tallstackui/tallstackui

TallStackUI is a powerful suite of Blade components that elevate your workflow of Livewire applications.

721160.4k12](/packages/tallstackui-tallstackui)

PHPackages © 2026

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