title: How do I add color to my svg image in react
body: <p>I have a list of icons. I want to change the icons colors to white. By default my icons are black. 
  Any suggestions guys?</p>
  
  <p>I normally use <code>'fill: white'</code> in my css but now that I am doing this in React... it's not working! </p>
  
  <pre><code>import React from 'react'
  import menuIcon from '../img/menu.svg';
  import homeIcon from '../img/home.svg';
  
  
  &lt;ul&gt;
     &lt;li&gt;
      &lt;a href="/" className="sidebar__link"&gt;
       &lt;img src={menuIcon} alt="sidebar icon" className="sidebar__icon" /&gt;
      &lt;/a&gt;
     &lt;/li&gt;
     &lt;li&gt;
      &lt;a href="/" className="sidebar__link"&gt;
       &lt;img src={homeIcon} alt="sidebar icon" className="sidebar__icon" /&gt;
      &lt;/a&gt;
     &lt;/li&gt;
  &lt;/ul&gt;
  
  
  
  .sidebar__icon {
   fill: #FFFFF;
   width: 3.2rem;
   height: 3.2rem;
  }
  </code></pre>