title: How to invert react native vector icon buttons color?
body: <p>I am using <a href="https://github.com/oblador/react-native-vector-icons" rel="nofollow noreferrer">Vector Icons</a> as <a href="https://github.com/oblador/react-native-vector-icons#iconbutton-component" rel="nofollow noreferrer">Icon.Button</a> and I would like to have two Cancel and Accept Icons.</p>
  
  <p>I am doing this:</p>
  
  <pre><code>&lt;View style={{ flexDirection: "row", justifyContent: 'space-between'}}&gt;
      &lt;TouchableOpacity style={{borderColor: 'red'}}&gt; 
          &lt;Icon.Button backgroundColor={RED} name="ios-close-circle-outline" size={20} /&gt;
      &lt;/TouchableOpacity&gt;
      &lt;TouchableOpacity style={{borderColor: 'red'}}&gt;
          &lt;Icon.Button backgroundColor={GREEN} name="ios-checkmark-circle-outline" size={20} /&gt;
      &lt;/TouchableOpacity&gt;
  &lt;/View&gt;
  </code></pre>
  
  <p><strong>I am getting this:</strong></p>
  
  <p><a href="https://i.stack.imgur.com/E0aSE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/E0aSE.png" alt="enter image description here"></a></p>
  
  <p><strong>I would like this:</strong></p>
  
  <p><a href="https://i.stack.imgur.com/NG6IH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/NG6IH.png" alt="enter image description here"></a></p>
  
  <p><strong>How to invert react native vector icon buttons color?  Thanks</strong></p>