Iconoir Icons

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

Iconoir 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.