Adding colors to icons

web
mobile

Topic: Adding colors to icons

Curtly pro asked 2 weeks ago

what class should I use to add colors from the color palette to an Icon? I already know how to add colors to an icon using the color_name-text classes but the color options are limited. I can do

<i class="fab fa-fish blue-text"></i>

but I want to do something like this

<i class="fab fa-fish red lighten-5"></i>

to color the icon instead of coloring the icon background.


Marta Szymanska staff pro premium commented 2 weeks ago

Hi,

for text color, we have only these classes: https://mdbootstrap.com/docs/jquery/css/colors/#text-colors. We haven't created more. You can create your own one's text color classes: .your-color { color: #ffebee }

Best, Marta


Please insert min. 20 characters.
Status

Open

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: jQuery
  • MDB Version: 4.8.11
  • Device: Computer
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: Yes