title: React icons - Change background color
body: <p>Currently working with react-icons on a website and having trouble with svg's and styling.</p>
  <p>What I've tried so far is using the React-Icons <code>{IconContext.Provider}</code> as shown on the git repo as well as using the <code>fill</code>, <code>stroke</code>. I've also tried to add a CSS Class with context provider and then set the background colour of the svg with the CSS property in a module, but this doesn't seem to work either.</p>
  <p>What is the easiest way to set the background color of the SVG?</p>
  <p>With stroke and fill it only colours the actual icon itself since that's were the vectors are being drawn.</p>
  <p><code>Icon</code> is being passed in as a prop to the <code>StyledCard</code>.</p>
  <pre><code> &lt;StyledCard
       heading=&quot;Express&quot;
       techIcon={&lt;FaAngleDoubleRight color=&quot;#808080&quot; size={80} stroke=&quot;black&quot; strokeWidth=&quot;.3&quot;/&gt;} /&gt;  
  </code></pre>