How to change color icon in Materialize?

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!

Add the class of "cyan-text" & "text-darken-4" to the .

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

Related