PHPackages                             eminos/statamic-iconify - 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. eminos/statamic-iconify

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

eminos/statamic-iconify
=======================

A Statamic addon to use Iconify icons in your Statamic site.

v2.1.0(2mo ago)411.1k↓42.2%1MITVue

Since Sep 15Pushed 4mo ago1 watchersCompare

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

READMEChangelog (7)Dependencies (5)Versions (11)Used By (0)

Statamic Iconify
================

[](#statamic-iconify)

A Statamic plugin for the fantastic [Iconify](https://iconify.design/) framework.

This plugin gives you an Iconify fieldtype in Statamic where you can search and pick an icon from the huge icon library that Iconify provides.

[![Screenshot of the search and select icon GUI](docs/screenshot1.png)](docs/screenshot1.png)

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

[](#installation)

Install this plugin using composer.

```
composer require eminos/statamic-iconify

```

Statamic support
----------------

[](#statamic-support)

Statamic versionAddon versionAddon branchStatamic 5`1.x``1.x`Statamic 6`2.x``main`Features
--------

[](#features)

- Search the library of Iconify icons.
- Over 150 000 open source icons that are loaded on demand.
- Uses Iconify's API. (Always updated icon sets)
- You can choose to only store the selected icon's name, and load it on demand, or store the icon as "SVG data" and use the provided `{{ iconify }}` antlers tag to generate an SVG.

Usage
-----

[](#usage)

Depending on how you chose to store the icon, you have a few options for rendering it on the frontend.

### Storing only the **icon name**.

[](#storing-only-the-icon-name)

You can use any of Iconifys methods/components to display the icon in the frontend. Here is an example with their web component that fetches the icon on demand through their API.

```

```

Read more about how you can use the icons in the [Iconify usage documentation](https://iconify.design/docs/usage/).

### Storing the icon as **SVG Data**.

[](#storing-the-icon-as-svg-data)

If you store the icon as "SVG Data" you can render the SVG using the provided Antlers Tag. The obvious advantage to store the icon as SVG Data (instead of only the icon name) is that there are no more API calls to Iconify after you have picked the icon. The necessary data to render the icon is stored in your field.

```
{{ iconify:icon_field }}
```

would render:

```

```

You can also add other attributes and/or override the icon's default attributes **width**, **height** and **viewBox**.

```
{{ iconify:icon_field class="text-xl" }}
```

TODO
----

[](#todo)

- Make the search modal nicer.
- Save the SVG when you pick an icon.
- Statamic Tag to render the icon (on demand or saved SVG).
- More filtering options. For example limit to specific icon vendors or licences.

License
-------

[](#license)

The MIT License (MIT). Please see [License File](LICENSE.md) for more information.

###  Health Score

45

—

FairBetter than 93% of packages

Maintenance81

Actively maintained with recent releases

Popularity30

Limited adoption so far

Community8

Small or concentrated contributor base

Maturity49

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 ~113 days

Recently: every ~167 days

Total

9

Last Release

70d ago

Major Versions

v0.1.0 → v1.0.02023-10-02

v1.3.0 → v2.02026-01-19

1.x-dev → v2.1.02026-03-09

### Community

Maintainers

![](https://www.gravatar.com/avatar/5f7b9b5acefc797c0c0cf24b4b05ce1f55e50a0c20e5bdbf647eae53b0a16fab?d=identicon)[eminos](/maintainers/eminos)

---

Top Contributors

[![eminos](https://avatars.githubusercontent.com/u/1682784?v=4)](https://github.com/eminos "eminos (14 commits)")

---

Tags

iconifystatamicstatamic-addonstatamic-v5statamic-v6

###  Code Quality

TestsPest

### Embed Badge

![Health badge](/badges/eminos-statamic-iconify/health.svg)

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

###  Alternatives

[statamic/ssg

Generate static sites with Statamic.

254302.4k](/packages/statamic-ssg)[statamic/seo-pro

65440.7k](/packages/statamic-seo-pro)[jacksleight/statamic-bard-texstyle

17172.5k](/packages/jacksleight-statamic-bard-texstyle)[visuellverstehen/statamic-classify

A useful helper to add CSS classes to all HTML tags generated by the bard editor.

20116.8k](/packages/visuellverstehen-statamic-classify)[marcorieser/statamic-livewire

A Laravel Livewire integration for Statamic.

2381.5k10](/packages/marcorieser-statamic-livewire)[withcandour/aardvark-seo

Save time and get your Statamic site to rank better with the SEO addon for Statamic.

13128.3k](/packages/withcandour-aardvark-seo)

PHPackages © 2026

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