© 2026 Hedgehog Software, LLC

TwitterGitHubDiscord
More
CommunitiesDocsAboutTermsPrivacy
Search
Star
Setup for Free
FilamentF
Filament•16mo ago•
8 replies
ChesterS

Change widget icon color

Is it possible to change the color on the widget icons ?
image.png
Solution
You can add an extra attribute (class or id) to your stat widget and then use the child combinator ( > ), for instance:
...
...
->extraAttributes([
    'id' => 'your-stat-widget-id',
    'class' => 'your-stat-widget-class'
])
...
...
...
...
->extraAttributes([
    'id' => 'your-stat-widget-id',
    'class' => 'your-stat-widget-class'
])
...
...

...
...
div#your-stat-widget-id > div > div > svg.fi-wi-stats-overview-stat-icon {
    color:blue !important;
}

div.your-stat-widget-class > div > div > span.fi-wi-stats-overview-stat-label {
    color:red !important;
}
...
...
...
...
div#your-stat-widget-id > div > div > svg.fi-wi-stats-overview-stat-icon {
    color:blue !important;
}

div.your-stat-widget-class > div > div > span.fi-wi-stats-overview-stat-label {
    color:red !important;
}
...
...
Jump to solution
Filament banner
FilamentJoin
A powerful open source UI framework for Laravel • Build and ship admin panels & apps fast with Livewire
20,307Members
Resources

Similar Threads

Was this page helpful?
Recent Announcements

Similar Threads

change widget's background color
FilamentFFilament / ❓┊help
3y ago
change icon color in blade view
FilamentFFilament / ❓┊help
2y ago
Change color of reveal password icon
FilamentFFilament / ❓┊help
2y ago
Change the color icon in panel
FilamentFFilament / ❓┊help
3y ago