Tricks

Use Font Awesome or any other icon set

Jun 21, 2023
Dominik Balogh
FAQ

If Heroicons are not enough, you can also use the Font Awesome icon set or many other.

To use Font Awesome icons first you need to install the blade-fontawesome package as filament uses blade-icons. You can do that with the following composer command:

composer require owenvoke/blade-fontawesome

Here you can find all free Font Awesome icons: https://fontawesome.com/search?o=r&m=free

From now on you can use any of the free icons in the filament components.

For example if you want to set a Font Awesome icon as a Navigation Items icon you can add the following to the Resouce or Page:

protected static ?string $navigationIcon = 'fas-magnifying-glass';

If you want to use the Font Awesome Pro icon set, you can find out how you can do that on the blade-fontawesome package's github page.

If you need any other, you can find 68 more icon sets on the Blade Icons website.

No comments yet…