PHPackages                             starfolksoftware/statamic-heroicons - 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. starfolksoftware/statamic-heroicons

ActiveLibrary

starfolksoftware/statamic-heroicons
===================================

Use and easily customize Heroicons in your Statamic templates

v5.0.1(1y ago)015MITPHPPHP ^8.1 || ^8.2 || ^8.3

Since May 26Pushed 1y agoCompare

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

READMEChangelog (2)Dependencies (5)Versions (3)Used By (0)

[![Banner](banner.jpg)](banner.jpg)

Statamic Heroicons
==================

[](#statamic-heroicons)

A package to easily make use of Heroicons in your Statamic sites. This package is a wrapper over [`blade-ui-kit/blade-heroicons`](https://github.com/blade-ui-kit/blade-heroicons).

For a full list of available icons see [the SVG directory](https://github.com/blade-ui-kit/blade-heroicons/tree/main/resources/svg) from the [`blade-ui-kit/blade-heroicons`](https://github.com/blade-ui-kit/blade-heroicons) repository or preview them at [heroicons.com](https://heroicons.com/). Heroicons are originally developed by [Steve Schoger](https://twitter.com/steveschoger) and [Adam Wathan](https://twitter.com/adamwathan).

If you're looking to use Heroicons v1, please use the v1 version of the package.

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

[](#requirements)

- PHP 8.1 or higher
- Laravel 9.0 or higher
- Statamic 3.3 or higher

Apart from the requirements above, it is required that you use Statamic's new Runtime Antlers engine. Read more about it and how to enable it in [Statamic's official documentation](https://statamic.dev/new-antlers-parser#about).

Documentation
-------------

[](#documentation)

### Installation

[](#installation)

First, require `statamic-heroicons` as a Composer dependency:

```
composer require stefangalescu/statamic-heroicons
```

If you need additional options, you can publish the [`blade-ui-kit/blade-heroicons`](https://github.com/blade-ui-kit/blade-heroicons) config. Make sure to also look into the [icon caching](https://github.com/blade-ui-kit/blade-icons#caching) feature provided by [`blade-ui-kit/blade-heroicons`](https://github.com/blade-ui-kit/blade-heroicons).

### Usage

[](#usage)

```
{{ heroicon:mini:bars-3 }}

{{ heroicon:solid:bars-3 }}

{{ heroicon:outline:bars-3 }}

{{ heroicon:outline:bars-3 class="text-gray-500" }}

{{ heroicon :variant="variant" :icon="icon" }}
```

Apart from a couple of reserved prop names (`as`, `scope`, `variant`, `icon`), any prop you pass (e.g. `class`, `style`, `aria-hidden` etc.) to the tag will be added to the root SVG element.

The `{{ heroicon }}` tag also allows you to pass dynamically binded attributes like you would use in a JavaScript framework like Alpine.js. The only gotcha is that you cannot use the shorthand syntax `:class="condition ? 'text-red-500' : 'text-green-500'"`. You must use the full binding (e.g. `x-bind:class`, `v-bind:class`). Example:

```
{{ heroicon:solid:bars-3 class="w-5 h-5" title="Main menu" }}

{{ heroicon:solid:bars-3 class="w-5 h-5" x-bind:class="condition ? 'text-red-500' : 'text-green-500'" }}
```

### Testing

[](#testing)

```
composer test
```

Security
--------

[](#security)

Only the latest version of `statamic-heroicons` will receive security updates if a vulnerability is found.

If you discover a security vulnerability, please report it to Stefan Galescu straight away, [via email](mailto:stefan.galescu@gmail.com). Please don't report security issues through GitHub Issues.

Sponsor Stefan
--------------

[](#sponsor-stefan)

This addon is open-source, meaning anyone can use this addon in their sites for **free**!

However, maintaining and developing new features for open-source projects can take quite a bit of time. If you're using `statamic-heroicons` in your production environment, please [consider sponsoring me](https://github.com/sponsors/stefangalescu) for however you consider to be a fair amount.

###  Health Score

28

—

LowBetter than 54% of packages

Maintenance31

Infrequent updates — may be unmaintained

Popularity6

Limited adoption so far

Community8

Small or concentrated contributor base

Maturity56

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 91.7% 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 ~0 days

Total

2

Last Release

714d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/6f609ab7be5e5a0089c8a3a52861fc379fd2038adb1190e0524c5f46a900fcf0?d=identicon)[starfolksoftware](/maintainers/starfolksoftware)

---

Top Contributors

[![stefangalescu](https://avatars.githubusercontent.com/u/52995748?v=4)](https://github.com/stefangalescu "stefangalescu (33 commits)")[![frknasir](https://avatars.githubusercontent.com/u/4984175?v=4)](https://github.com/frknasir "frknasir (3 commits)")

###  Code Quality

Code StyleLaravel Pint

### Embed Badge

![Health badge](/badges/starfolksoftware-statamic-heroicons/health.svg)

```
[![Health](https://phpackages.com/badges/starfolksoftware-statamic-heroicons/health.svg)](https://phpackages.com/packages/starfolksoftware-statamic-heroicons)
```

###  Alternatives

[robsontenorio/mary

Gorgeous UI components for Livewire powered by daisyUI and Tailwind

1.5k454.7k15](/packages/robsontenorio-mary)[statamic/statamic

Statamic

824170.4k](/packages/statamic-statamic)[statamic-rad-pack/runway

Eloquently manage your database models in Statamic.

135192.6k5](/packages/statamic-rad-pack-runway)[statamic/ssg

Generate static sites with Statamic.

254302.4k](/packages/statamic-ssg)[filament/support

Core helper methods and foundation code for all Filament packages.

2323.9M151](/packages/filament-support)[statamic/eloquent-driver

Allows you to store Statamic data in a database.

125598.8k7](/packages/statamic-eloquent-driver)

PHPackages © 2026

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