Mat Icon Color Change. Download icon font or svg. You can of course change the color or remove the left line all together.
These icon may be used as buttons or may convey some message such as type of form field, status, etc. All you have to do just declared the alternate theme in your theme.scss file like given below. Using matbadgecolor property you can then give colors like a primary, accent or warn.
Note that firefox adds a lower opacity to the placeholder, so we use opacity:
But ultimately i would also like to be able to change the color of the icon to white which is a color not on my color palette. Use the paint collection feature and change the color of the whole collection or do it icon by icon. If you are using the default primary and / or secondary shades then by providing the color object, createmuitheme() will use the appropriate shades from the material color for main, light and dark. Here’s an example folder structure: