title: React Native Elements Icon Not Showing On Button
body: <p><strong>Hi,</strong></p>
  
  <p>I am trying to use a Icon in the <code>React-Native-Elements</code> <a href="https://react-native-training.github.io/react-native-elements/docs/button.html" rel="nofollow noreferrer">Button</a> component. I am not getting errors or warnings but I just end up with a empty button. </p>
  
  <p>Here is some of my code containing the Button:</p>
  
  <pre><code>&lt;Col size={20}&gt;
      &lt;Button icon={&lt;Icon name="heart" color="#00aced"/&gt;} size={30} buttonStyle={style.button}/&gt;
  &lt;/Col&gt;
  </code></pre>
  
  <p>I hope someone can help me because I am not sure why it doesn't show up.</p>
  
  <p><strong>Thanks in advance!</strong></p>
  
  <p>More information as requested:</p>
  
  <pre><code>import { Button } from 'react-native-elements';
  import Icon from 'react-native-vector-icons/FontAwesome';
  
  const style = {
     button: {
          backgroundColor: '#6A5ACD',
          borderRadius: 10,
          justifyContent: 'center',
          alignItems: 'center',
          width: '100%',
          height: '100%'
        }
  }
  </code></pre>
  
  <p>I've also tried other imports like Fontawesome.</p>