PHPackages                             daun/statamic-icon-button-fieldtypes - 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 & Helpers](/categories/utility)
4. /
5. daun/statamic-icon-button-fieldtypes

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

daun/statamic-icon-button-fieldtypes
====================================

Icon-only button fieldtypes for Statamic

1.0.0(1mo ago)1237↓33.3%1MITPHPPHP ^8.2

Since Nov 17Pushed 1mo agoCompare

[ Source](https://github.com/daun/statamic-icon-button-fieldtypes)[ Packagist](https://packagist.org/packages/daun/statamic-icon-button-fieldtypes)[ Docs](https://github.com/daun/statamic-icon-button-fieldtypes)[ RSS](/packages/daun-statamic-icon-button-fieldtypes/feed)WikiDiscussions main Synced 2w ago

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

Statamic Icon Button Fieldtypes
===============================

[](#statamic-icon-button-fieldtypes)

Icon-only button fieldtypes for compact toggles and switches.

[![Example icon button fields](art/icon-buttons.png)](art/icon-buttons.png)

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

[](#installation)

Install the addon via Composer:

```
composer require daun/statamic-icon-button-fieldtypes
```

Fieldtypes
----------

[](#fieldtypes)

The addon ships with three fieldtypes, each extending a native Statamic fieldtype:

- Single-choice **[Icon Group](#icon-group)** extends the native Button Group
- Multi-Choice **[Icon Toggles](#icon-toggles)** extends the Checkboxes fieldtype
- Boolean **[Icon Toggle](#icon-toggle)** extends the Toggle fieldtype

### Icon Group

[](#icon-group)

The **Icon Group** fieldtype extends the native [Button Group](https://statamic.dev/fieldtypes/button_group)fieldtype and allows selecting a single option from a predefined set of options.

[![Example icon group fields](art/icon-group.png)](art/icon-group.png)

```
align:
  display: Align
- type: button_group
+ type: icon_group
  options:
    -
      value: Left
      key: left
+     icon: align-start-vertical
    -
      value: Right
      key: right
+     icon: align-end-vertical
```

Icon Toggles
------------

[](#icon-toggles)

The **Icon Toggles** fieldtype extends the native [Checkboxes](https://statamic.dev/fieldtypes/checkboxes)fieldtype and allows selecting one or more options from a predefined set of options.

[![Example icon toggles field](art/icon-toggles.png)](art/icon-toggles.png)

```
playback:
  display: Playback options
- type: checkboxes
+ type: icon_toggles
  options:
    -
      value: sound
      key: sound
+     icon: volume
    -
      value: Loop
      key: loop
+     icon: repeat
    -
      value: Captions
      key: captions
+     icon: captions
```

Icon Toggle
-----------

[](#icon-toggle)

The **Icon Toggle** fieldtype extends the native [Toggle](https://statamic.dev/fieldtypes/toggle)fieldtype and allows switching a single value on or off.

[![Example icon toggles field](art/icon-toggle.png)](art/icon-toggle.png)

```
featured:
  display: Featured
- type: toggle
+ type: icon_toggle
+ button_icon: star
```

Note that the option here is called `button_icon` because `icon` key is a reserved key by Statamic.

Custom Icon Sets
----------------

[](#custom-icon-sets)

Icons are pulled from the built-in icon set. To use icons from a different set, [register a custom icon set](https://statamic.dev/fieldtypes/icon#icon-sets) and change the `set` option of each field to the desired set.

### Example: Lucide

[](#example-lucide)

Install and use the [Lucide](https://lucide.dev/icons/) icon set, used in the examples above.

```
npm install lucide-static
```

Register the icon set in your service provider.

```
use Statamic\Facades\Icon;

class AppServiceProvider extends ServiceProvider {
  public function register() {
    Icon::register('lucide', base_path('node_modules/lucide-static/icons'));
  }
}
```

Switch the field to use the custom icon set.

```
featured:
  display: Featured
  type: icon_toggle
  button_icon: star
+ set: lucide
```

### Example: Local SVGs

[](#example-local-svgs)

You can also use local SVG icons in your resources folder.

```
Icon::register('payments', resource_path('icons/payments'));
```

License
-------

[](#license)

[MIT](https://opensource.org/licenses/MIT)

###  Health Score

45

—

FairBetter than 91% of packages

Maintenance90

Actively maintained with recent releases

Popularity18

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity52

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

Total

5

Last Release

48d ago

Major Versions

0.4.0 → 1.0.02026-06-30

### Community

Maintainers

![](https://www.gravatar.com/avatar/31ac2b3787ded290b6bac87b937abf4f267483e4da64731bfb256a942bb669ca?d=identicon)[daun](/maintainers/daun)

---

Top Contributors

[![daun](https://avatars.githubusercontent.com/u/22225348?v=4)](https://github.com/daun "daun (43 commits)")

---

Tags

iconbuttonstatamicfieldtype

###  Code Quality

TestsPest

Static AnalysisPHPStan

Code StyleLaravel Pint

### Embed Badge

![Health badge](/badges/daun-statamic-icon-button-fieldtypes/health.svg)

```
[![Health](https://phpackages.com/badges/daun-statamic-icon-button-fieldtypes/health.svg)](https://phpackages.com/packages/daun-statamic-icon-button-fieldtypes)
```

###  Alternatives

[statamic/seo-pro

71548.3k](/packages/statamic-seo-pro)[duncanmcclean/statamic-cargo

Comprehensive e-commerce addon for Statamic. Build bespoke e-commerce sites without the complexity.

3622.8k](/packages/duncanmcclean-statamic-cargo)[marcorieser/statamic-livewire

A Laravel Livewire integration for Statamic.

23122.2k16](/packages/marcorieser-statamic-livewire)[aerni/advanced-seo

Comprehensive SEO addon for Statamic with flexibility in mind

1818.9k](/packages/aerni-advanced-seo)[withcandour/aardvark-seo

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

15134.1k](/packages/withcandour-aardvark-seo)[mitydigital/sitemapamic

An XML sitemap generator for Statamic that includes all collections and related taxonomy pages.

15105.1k](/packages/mitydigital-sitemapamic)

PHPackages © 2026

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