Iconoir Icons
Transform your Filament interface with the elegant and modern Iconoir icon set, a perfect replacement for the default icons.

Filament Iconoir Icons
An Iconoir icon set implementation for Filament 3.x, providing a comprehensive set of Iconoir icons that seamlessly integrate with Filament's interface.
Installation
You can install the package via composer:
composer require filafly/filament-iconoir-icons
After the package is installed, you must register the plugin in your Filament Panel provider:
use Filafly\Icons\Iconoir\IconoirIcons;
public function panel(Panel $panel): Panel
{
return $panel
->plugins([
IconoirIcons::make(),
]);
}
Icon Styles
Iconoir icons come in two styles that you can switch between. The solid set only includes a limited number of icons. Available styles include:
- Regular (default)
- Solid
You can change the style using the following methods:
// Set to regular style (default)
IconoirIcons::make()->regular();
// Set to solid style
IconoirIcons::make()->solid();
Override Specific Icons
If you need to override certain icons to use a different style, you can use either icon aliases or direct icon names.
Using Icon Aliases
Use the overrideStyleForAlias
method with a Filament Icon Alias. This method works with either a single icon key (string) or multiple icon keys (array).
// Override a single icon key
IconoirIcons::make()->overrideStyleForAlias('tables::actions.filter', 'solid');
// Override multiple icon keys at once
IconoirIcons::make()->overrideStyleForAlias([
'tables::actions.filter',
'actions::delete-action',
], 'solid');
Using Icon Names
Use the overrideStyleForIcon
method with the actual Iconoir icon name. Like the alias method, this works with either a single icon name or multiple names.
// Override a single icon
IconoirIcons::make()->overrideStyleForIcon('iconoir-user', 'solid');
// Override multiple icons at once
IconoirIcons::make()->overrideStyleForIcon([
'iconoir-arrow-right-circle',
'iconoir-arrow-left-circle',
], 'solid');
License
The MIT License (MIT). Please see License for more information.