Hugeicons Icons

What it does

Swaps every icon Filament draws (sidebar, tables, forms, actions, notifications, the user menu) for its Hugeicons counterpart, in one line. Over 4,500 Hugeicons are available as a PHP enum, so you can also use them in your own resources. Hugeicons is the icon set the Citrus theme ships with.

Requirements

• PHP 8.2+
• Filament v4 or v5

Installation

Install the package with Composer:

composer require filafly/filament-hugeicons-icons

Then register the plugin in your Filament panel provider:

use Filafly\Icons\Hugeicons\HugeiconsIcons;

public function panel(Panel $panel): Panel
{
    return $panel
        ->plugin(HugeiconsIcons::make());
}

That's it: reload the panel and every Heroicon is replaced.

Overriding individual icons

Change the icon for a Filament alias

use Filafly\Icons\Hugeicons\HugeiconsIcons;
use Filafly\Icons\Hugeicons\Enums\Hugeicons;
use Filament\Tables\View\TablesIconAlias;
use Filament\View\PanelsIconAlias;

// One alias
HugeiconsIcons::make()->overrideAlias(TablesIconAlias::ACTIONS_FILTER, Hugeicons::FilterHorizontal);

// Several aliases at once
HugeiconsIcons::make()->overrideAliases([
    TablesIconAlias::ACTIONS_FILTER => Hugeicons::FilterHorizontal,
    PanelsIconAlias::GLOBAL_SEARCH_FIELD => Hugeicons::Search02,
]);

Replace one icon with another everywhere

use Filafly\Icons\Hugeicons\HugeiconsIcons;
use Filafly\Icons\Hugeicons\Enums\Hugeicons;

// One icon
HugeiconsIcons::make()->overrideIcon(Hugeicons::User, Hugeicons::UserCircle);

// Several icons at once (PHP arrays can't use enums as keys, so use ->value)
HugeiconsIcons::make()->overrideIcons([
    Hugeicons::User->value => Hugeicons::UserCircle,
    Hugeicons::Search01->value => Hugeicons::Search02,
]);

Source and credits

• Source code and issues: filafly/filament-hugeicons-icons on GitHub
• Icons by Hugeicons, via Blade Hugeicons
• Built on Filament Icons

Free and open source under the MIT license.