svg-mask-icon demo

code:

  <p style="color:red">
    <svg-mask-icon src="./dist/flag.svg"></svg-mask-icon>
    Current Color
  </p>

  <p style="font-size:40px">
    <!-- Short Hand -->
    <svg-icon src="./dist/flag.svg" style="background: linear-gradient(red,blue)"></svg-icon>
    Gradient
  </p>
    

preview:

Current Color

Gradient