HeartOfprogrammer HeartOfprogrammer - 1 year ago 568
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?

Answer Source

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!

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download