title: Colorize transparent part of SVG icons
body: <p>I want to colorize a transparent part of a svg icon from font awesome. I am using Vue Fort-Awesome package.</p>
  <p>Here as you see inner part of icon is getting the background image of my main div. However I don't want those part to be transparent. Do you have any tricky solution for it? I know this question can be very easy but I couldn't find how to search for it on google.</p>
  <p><a href="https://i.stack.imgur.com/biTSA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/biTSA.png" alt="" /></a></p>
  <pre><code>&lt;v-icon
    icon=&quot;minus-circle&quot;
    class=&quot;w-6 h-6 rounded-full text-red-500&quot;
  /&gt;
  </code></pre>
  <br>
  <br>
  Those are technologies that I use but simple css trick can be acceptable too.<br><br>
  <p>Tailwind <br>
  Vue3 <br>
  FortAwesome</p>