psyao/filament-icon-picker

A Filament form field that provides a searchable icon picker backed by Blade UI Icons manifests.

1.0.0 2025-12-02 19:40 UTC

Requires

• php: ^8.2
• blade-ui-kit/blade-icons: ^1.6
• filament/filament: ^4.0
• spatie/laravel-package-tools: ^1.15.0

Requires (Dev)

• larastan/larastan: *
• laravel/pint: ^1.0
• nunomaduro/collision: ^8.6
• orchestra/testbench: ^9.0|^10.0
• pestphp/pest: ^3.0|^4.0
• pestphp/pest-plugin-arch: ^3.0|^4.0
• pestphp/pest-plugin-laravel: ^3.0|^4.0
• phpstan/extension-installer: ^1.4
• phpstan/phpstan: ^2.1.32
• phpstan/phpstan-deprecation-rules: ^2.0
• phpstan/phpstan-phpunit: ^2.0
• rector/rector: ^2.2

MIT

• Steve Aguet

• laravel
• icon
• icon-picker
• filament
• blade-icons
• filament-form
• filament-field
• filament-icon-picker
• psyao
• blade-ui-kit

README

A Filament form field that provides a searchable icon picker backed by Blade UI Icons.

By default, Filament includes Heroicons out of the box. This package makes it easy to surface additional icon sets (registered with Blade Icons) in a modal picker.

Notes

• IconPicker extends Filament's ModalTableSelect and customizes selection and preview behavior.
• Prefer the IconPicker API for configuration and usage — calling ModalTableSelect methods directly may break selection, styling, or the live preview.

Table of contents

• Requirements
• Features
• Installation
• Usage
  • Forms
  • Tables
  • Infolists
  • Blade views
• Testing
• Changelog
• Contributing
• Security Vulnerabilities
• Credits
• License

Requirements

• PHP ^8.2
• Filament 4.x

Features

• Modal picker with a searchable table of icons
• Live preview of the selected icon
• Filter available icon sets
• Simple integration with Filament forms, tables and infolists

Installation

Install via Composer:

composer require psyao/filament-icon-picker

Usage

In forms

Use the IconPicker field inside your Filament form schema. The field opens a modal table that lets users pick an icon and renders a live preview automatically.

Basic example:

use Psyao\FilamentIconPicker\Forms\IconPicker;

IconPicker::make('icon')

Limit available sets:

IconPicker::make('icon')
    ->sets(['lucide', 'simple-icons'])

Show labels under icons in the picker:

IconPicker::make('icon')
    ->showIconLabels()

In tables

To display the selected icon in a Filament table, use IconColumn:

use Filament\Tables\Columns\IconColumn;

IconColumn::make('icon')
    ->icon(fn ($state) => $state))

In infolists

To display the selected icon in an infolist, use IconEntry:

use Filament\Infolists\Components\IconEntry;

IconEntry::make('status')
    ->icon(fn ($state) => $state))

In Blade views

Render the selected icon in Blade (depending on your Blade Icons helper):

@svg($icon, ['class' => 'h-5 w-5'])

{{ svg($icon, ['class' => 'h-5 w-5']) }}

Testing

Run the test suite with:

composer test

Changelog

See CHANGELOG for recent changes.

Contributing

See CONTRIBUTING for contribution guidelines.

Security Vulnerabilities

Please review our security policy for reporting vulnerabilities.

Credits

• Steve Aguet
• All Contributors

License

The MIT License (MIT). See LICENSE.md for details.