FilamentPHP: Add Logo to your Panel

Published on April 29, 2024. Last updated on January 22, 2025.
FilamentPHP: Add Logo to your Panel

In this Article, we will learn how to add a Image Logo to your Filament Panel.

 

To add a logo to your FilamentPHP panel, navigate to app/Providers/Filament/AdminPanelProvider.php (the filename may vary based on your panel's name).

//...
$panel
    ->brandLogo('YOUR_LOGO_URL')

To add a different logo for the dark mode, utilize the darkModeBrandLogo() method.

//...
$panel
    ->darkModeBrandLogo('DARK_MODE_LOGO_URL')

 

You can also adjust the height as needed

//...
$panel
    ->brandLogoHeight('3rem')

 

 

If you prefer not to use the app name as the panel title, you can define the logo text as follows:

//...
$panel
    ->brandName('My Admin Panel')