PHPackages                             derteaser/statamic-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. [Utility &amp; Helpers](/categories/utility)
4. /
5. derteaser/statamic-blade-icons

ActiveStatamic-addon[Utility &amp; Helpers](/categories/utility)

derteaser/statamic-blade-icons
==============================

An addon that adds a tag to use Blade Icons in your Statamic projects.

v0.8.0(3mo ago)07.6k↓44.7%[1 issues](https://github.com/derteaser/statamic-blade-icons/issues)PHPCI passing

Since Oct 6Pushed 2mo ago1 watchersCompare

[ Source](https://github.com/derteaser/statamic-blade-icons)[ Packagist](https://packagist.org/packages/derteaser/statamic-blade-icons)[ RSS](/packages/derteaser-statamic-blade-icons/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (8)Dependencies (2)Versions (13)Used By (0)

Statamic Blade Icons
====================

[](#statamic-blade-icons)

A Statamic addon that adds a simple `{{ icon }}` tag for rendering \[Blade Icons\] components in your Statamic templates.

Features
--------

[](#features)

- Render any registered Blade Icon set from Antlers.
- Multiple tag styles: `{{ icon }}`, `{{ icon:raw }}`, `{{ icon:by_url }}`, and wildcard tags.
- Pass arbitrary attributes through to the icon component (classes, size, etc.).

Requirements
------------

[](#requirements)

- PHP 8.3+
- Statamic 5 or 6
- `blade-ui-kit/blade-icons`

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

[](#installation)

```
composer require derteaser/statamic-blade-icons
```

Usage
-----

[](#usage)

### Basic tag

[](#basic-tag)

```
{{ icon provider="heroicon" icon="academic-cap" class="w-5 h-5 text-slate-600" }}
```

### Alias

[](#alias)

```
{{ blade_icon provider="heroicon" icon="academic-cap" class="w-5 h-5" }}
```

### Wildcard tag

[](#wildcard-tag)

```
{{ icon:heroicon:academic-cap class="w-5 h-5" }}
```

### Raw tag (single parameter)

[](#raw-tag-single-parameter)

Use a single `icon` parameter in the format `{provider}-{icon}`.

```
{{ icon:raw icon="heroicon-academic-cap" class="w-5 h-5" }}
```

### By URL tag

[](#by-url-tag)

Render a specific icon based on the URL host, otherwise fall back to a provided icon.

```
{{ icon:by_url
   url="https://meet.google.com/abc"
   fallback_provider="heroicon"
   fallback_icon="link"
   class="size-5"
}}
```

Currently mapped hosts:

- `zoom.us` -&gt; `si-zoom`
- `teams.microsoft.com` -&gt; `si-microsoftteams`
- `meet.google.com` -&gt; `si-googlemeet`
- `facebook.com` -&gt; `si-facebook`

Attributes
----------

[](#attributes)

All additional parameters are passed through as Blade component attributes. For example:

```
{{ icon:heroicon:academic-cap class="size-5" aria-hidden="true" }}
```

Registering Icon Sets
---------------------

[](#registering-icon-sets)

This addon relies on the Blade Icons package. Register icon sets in your project as you normally would, then reference them via the `provider` and `icon` parameters.

Notes
-----

[](#notes)

- If an icon cannot be rendered, the addon logs a warning and returns an empty string.

License
-------

[](#license)

MIT

###  Health Score

42

—

FairBetter than 90% of packages

Maintenance84

Actively maintained with recent releases

Popularity24

Limited adoption so far

Community9

Small or concentrated contributor base

Maturity40

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 59.6% 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 ~107 days

Recently: every ~175 days

Total

9

Last Release

98d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/d5f7e99562b65b3ac5a1ed8f45921d3c8338ca44589d8e29e73c1db12c948c11?d=identicon)[derteaser](/maintainers/derteaser)

---

Top Contributors

[![renovate[bot]](https://avatars.githubusercontent.com/in/2740?v=4)](https://github.com/renovate[bot] "renovate[bot] (87 commits)")[![derteaser](https://avatars.githubusercontent.com/u/406951?v=4)](https://github.com/derteaser "derteaser (59 commits)")

### Embed Badge

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

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

###  Alternatives

[guava/filament-icon-picker

A filament plugin that adds an icon picker field.

161531.9k25](/packages/guava-filament-icon-picker)[wallacemartinss/filament-icon-picker

A beautiful icon picker component for Filament v5 using blade-ui-kit/blade-icons

467.1k17](/packages/wallacemartinss-filament-icon-picker)[morrislaptop/journal

A UI for Spatie's Laravel Event Sourcing

1734.1k](/packages/morrislaptop-journal)

PHPackages © 2026

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