PHPackages                             adamkiss/kirby-icons-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. adamkiss/kirby-icons-heroicons

ActiveKirby-plugin

adamkiss/kirby-icons-heroicons
==============================

Heroicons as snippets for Kirby CMS

2.1.3(2y ago)117961MITPHP

Since May 25Pushed 2y ago1 watchersCompare

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

READMEChangelog (4)Dependencies (1)Versions (7)Used By (0)

Heroicons for Kirby
===================

[](#heroicons-for-kirby)

 [ ![Heroicons](https://raw.githubusercontent.com/tailwindlabs/heroicons/master/.github/logo-light.svg) ](https://heroicons.com/#gh-light-mode-only) [ ![Heroicons](https://raw.githubusercontent.com/tailwindlabs/heroicons/master/.github/logo-dark.svg) ](https://heroicons.com/#gh-dark-mode-only)

 A set of 450+ free MIT-licensed high-quality SVG icons for you to use in your Kirby CMS Projects.
Packaged as a set of Kirby snippets, allowing you to embed them easily. Check out the [original project](https://github.com/tailwindlabs/heroicons) for more information.

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

[](#installation)

Either download the folder and copy it to your `site/plugins/` folder, or with composer:

```
composer require adamkiss/kirby-icons-heroicons
```

Usage
-----

[](#usage)

```
// use an icon as is
snippet('heroicons/solid/check');

// or
snippet('heroicons/mini/check');

// or add additional classes
snippet('heroicons/outline/check', [
    'class' => 'red-color',
    'attributes' => 'aria-hidden="true" data-hook="something"' // You can also add custom attributes
    'strokeWidth' => 3 // Outline icons have a modifiable stroke width as well
]);
```

Available variants/sizes:

- outline (24px)
- solid (24px)
- mini (20px)
- micro (16px)

By default, no class is used, and the default attribute is `aria-hidden="true"`. If you add an attribute and want to keep the `aria-hidden` attribute, you have to add it as well.

Icon Field support (WIP)
------------------------

[](#icon-field-support-wip)

When you install Heroicons and Icon Field at the same time, you can use all Heroicons as the options in the Icon Field:

```
// in your config.php, configure icon-field to use Heroicons by default
'tobimori.icon-field' => [
    'folder' => fn() => \Heroicons::folder(),
    'sprite' => fn() => \Heroicons::sprite(),
],
```

```
# In your bluprints, keep the icon field folder/sprite blank for the
# default to to be picked upw
fields:
  icon:
    label: Icon
    type: icon
    max: 1
```

And then, once the you've set up the icon in the panel, you can use it in your templates/snippets like so:

```

```

For more information, you can check out the [Kirby Icon Field documentation](https://github.com/tobimori/kirby-icon-field#readme).

License
-------

[](#license)

MIT (c) 2024 Adam Kiss for the plugin, Tailwind Labs for the Heroicons

###  Health Score

29

—

LowBetter than 60% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity22

Limited adoption so far

Community11

Small or concentrated contributor base

Maturity52

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 94.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 ~140 days

Recently: every ~150 days

Total

6

Last Release

745d ago

Major Versions

1.0.6 → 2.0.102022-09-05

### Community

Maintainers

![](https://www.gravatar.com/avatar/8eb0379405b0057e59868aa52d6763c48bf909926aa626c51eaade5246b8415d?d=identicon)[adamkiss](/maintainers/adamkiss)

---

Top Contributors

[![adamkiss](https://avatars.githubusercontent.com/u/481362?v=4)](https://github.com/adamkiss "adamkiss (36 commits)")[![afbora](https://avatars.githubusercontent.com/u/3393422?v=4)](https://github.com/afbora "afbora (1 commits)")[![mxub](https://avatars.githubusercontent.com/u/570654?v=4)](https://github.com/mxub "mxub (1 commits)")

---

Tags

heroiconskirbykirby-pluginiconssnippetskirbykirby-plugin

### Embed Badge

![Health badge](/badges/adamkiss-kirby-icons-heroicons/health.svg)

```
[![Health](https://phpackages.com/badges/adamkiss-kirby-icons-heroicons/health.svg)](https://phpackages.com/packages/adamkiss-kirby-icons-heroicons)
```

###  Alternatives

[bnomei/kirby3-janitor

Kirby Plugin for running commands like cleaning the cache from within the Panel, PHP code or a cronjob

9339.9k2](/packages/bnomei-kirby3-janitor)[oblik/kirby-link-field

Kirby 4 field for all types of links.

7650.6k2](/packages/oblik-kirby-link-field)[bnomei/kirby3-feed

Generate a Atom/JSON/RSS-Feed and XML-Sitemap from Pages-Collections

7224.8k](/packages/bnomei-kirby3-feed)[belugadigital/kirby-navigation

Kirby 5 field for hierarchical menus with drag & drop level indentation.

8713.4k](/packages/belugadigital-kirby-navigation)[bnomei/kirby3-dotenv

Kirby Plugin for environment variables from .env

4144.1k1](/packages/bnomei-kirby3-dotenv)[bnomei/kirby3-fingerprint

File Method and css/js helper to add cache-busting hash and optional Subresource Integrity to file

4130.5k1](/packages/bnomei-kirby3-fingerprint)

PHPackages © 2026

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