title: How to remove padding from vector icons in Expo io
body: <p>If i use the vector icons in Expo i see lot of padding space is added around the icon by default. [Green color in the screenshot attached, thats the padding for a 15px icon]. Is there a way to remove that extra padding? Tried manual overriding of padding and margin but didn't worked. 
  Sample code for the screenshot provided:</p>
  
  <pre><code>&lt;Entypo name="triangle-down" size={15} color="#9013FE" style={{
                                      backgroundColor: 'green',
                                      }}/&gt;
  </code></pre>
  
  <p>Doc reference code from here: <a href="https://docs.expo.io/versions/v19.0.0/guides/icons.html" rel="noreferrer">https://docs.expo.io/versions/v19.0.0/guides/icons.html</a></p>
  
  <p><a href="https://i.stack.imgur.com/7YwqB.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/7YwqB.jpg" alt="enter image description here"></a></p>