Download the PHP package fawaziwalewa/filament-icon-picker without Composer
On this page you can find all versions of the php package fawaziwalewa/filament-icon-picker. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download fawaziwalewa/filament-icon-picker
More information about fawaziwalewa/filament-icon-picker
Files in fawaziwalewa/filament-icon-picker
Package filament-icon-picker
Short Description A beautiful icon picker field for FilamentPHP v5 with support for Heroicons, Lucide and more
License MIT
Informations about the package filament-icon-picker
Filament Icon Picker
Sponsored by Tasklemon.
A beautiful, searchable icon picker field for FilamentPHP v5, built with Livewire and Alpine.js. Select from multiple icon sets including Heroicons, Lucide, and more.
Features
- ๐จ Beautiful UI - Clean, modern interface that matches Filament's design
- ๐ Searchable - Quickly find icons with real-time search
- ๐ฆ Multiple Icon Sets - Support for Heroicons, Lucide, Font Awesome, Bootstrap Icons, and more
- โก Fast - Built with Alpine.js for instant interactions
- ๐ฏ Native Filament Integration - Uses Filament's icon rendering system
- ๐ Dark Mode - Full dark mode support
- โ๏ธ Configurable - Customize sets, columns, search, and more
- ๐งช Production Ready - Clean, tested, maintainable code
Requirements
- PHP 8.2+
- Laravel 12+
- FilamentPHP v5.0+
- Blade Icons (blade-ui-kit/blade-icons)
Installation
Install the package via Composer:
Optional (recommended):
Optional (only if you want to override the UI):
Configuration
The configuration file (config/filament-icon-picker.php) controls:
- which icon sets are available and enabled
- default selected sets (
sets) - default grid columns (
columns) - default search toggle (
searchable) - placeholder text (
placeholder) - caching and endpoint behavior
Heroicons, Lucide, Font Awesome, and Bootstrap Icons are bundled as Composer dependencies of this package.
Usage
Sets
Sets are referenced by their config keys (from filament-icon-picker.icon_sets):
Grid + search
Prefix icon behavior (important)
The selected icon is always shown as the field prefix icon using Filament's input wrapper styling.
- Do not call
->prefixIcon(...)on this field. IconPicker::prefixIcon()is intentionally not supported and will throw.
Rendering icons
The selected value is stored as a string (e.g. heroicon-o-user, lucide-alarm-clock, bi-alarm, fas-user).
In Filament
In Blade
Normalizing legacy Font Awesome values
If you have existing database values saved as fa-solid-* / fa-regular-* / fa-brands-*, normalize them to fas-* / far-* / fab-* when reading/writing:
How it works
- The dropdown UI is Alpine.js.
- Icons are fetched lazily from a paginated JSON endpoint.
- The endpoint is protected by
web+authmiddleware and throttled.
Artisan commands
Filter by set key:
Search:
Export:
Testing
Changelog
See CHANGELOG.
Contributing
See CONTRIBUTING.
Security
See SECURITY.
License
The MIT License (MIT). Please see License File for more information.
All versions of filament-icon-picker with dependencies
blade-ui-kit/blade-heroicons Version ^2.0
filament/filament Version ^5.0
davidhsianturi/blade-bootstrap-icons Version ^2.0
mallardduck/blade-lucide-icons Version ^1.26
illuminate/support Version ^12.0|^13.0
owenvoke/blade-fontawesome Version ^3.0
blade-ui-kit/blade-icons Version ^1.0