HeartOfprogrammer HeartOfprogrammer - 4 months ago 106x
CSS Question

How to change color icon in Materialize?

I use css framework Materialize.css
I don't understand where past color in my HTML icon

<i class="large material-icons">note_add</i>

I have tried
cyan darken-4

<i class="large material-icons cyan darken-4">note_add</i>

But nothing succeeded, I need exactly change color icon.
How to make it?


You can do this by adding a class to your icon like below-

<i class="large material-icons icon-blue">note_add</i>

And then in your CSS stylesheet, you can define the color for the icon-blue class

i.icon-blue {
    color: blue;

Your icon color will then be changed. Hope this helps!