How Can I change the color of the "google-icons for my website-CodePudding

I have a problem. Please can anyone help me out? I am creating a clone of flipkart.com ( an Ecom website). I need some icons of the same color as which are on their website. I found some on google fonts, but only have two color variations ( Black & white). I need same icon in yellow color can anyone help me out through this.

Google fonts link--- https://fonts.google.com/icons?icon.query=suitcase

<span class="material-icons-outlined">

work_outline work_outline br codepoint e943

CodePudding user response：

Include class to

.material-icons.outlined {
  color: your color of choice;
}

Maybe your problem solve

CodePudding user response：

download it as a .svg file and put it in your code. Use fill: red; to make it the color you want it to be.

<img src="image.svg" alt="image" fill="red">

This should work :)