DEV Community

Cover image for Phosphor Icons for Filament 4
Tone Gabes
Tone Gabes

Posted on

Phosphor Icons for Filament 4

A Phosphor icon set ready to be used as Enums in a Filament 4 application.

GitHub logo tonegabes / filament-phosphor-icons

Phosphor Icons ready to be used in Filament 4

Banner

Filament Phosphor Icons

A Phosphor icon set ready to be used as Enums in a Filament 4 application.

Installation

You can install the package via composer:

composer require tonegabes/filament-phosphor-icons
Enter fullscreen mode Exit fullscreen mode

Usage

All icons are available through an enum providing convenient usage throughout your Filament app. For more information, check the Filament docs.

For all available icons check the Phosphor Icons.

use Filament\Actions\Action;
use Filament\Forms\Components\Toggle;
use ToneGabes\Filament\Icons\Enums\Phosphor;

Action::make('star')
  ->icon(Phosphor::StarBold);

Toggle::make('is_starred')
  ->onIcon(Phosphor::Star)
Enter fullscreen mode Exit fullscreen mode

Weights

This package includes a enum with weights you can use:

enum Weight: string
{
    case Thin = 'thin'
    case Light = 'light';
    case Fill = 'fill';
    case Duotone = 'duotone'
Enter fullscreen mode Exit fullscreen mode

Top comments (0)