title: react native vector icons shows X instead of icon
body: <p>I've tried different icons, however it seems all of them just show an X instead of the actual icon. There aren't any error messages, here is the code I've used:</p>
  <pre><code>import Icon from 'react-native-vector-icons/AntDesign';
  
  &lt;Icon name=&quot;heart&quot; size={30} color=&quot;red&quot; /&gt;
  </code></pre>
  <p>In this case, it should show a heart, but it just appears with an X with a box around it.</p>
  <p>This post seems to have a solution, but I do not understand what they did to fix it.
  <a href="https://stackoverflow.com/questions/56360676/react-native-vector-icons-showing-x-instead-of-icon">react native vector icons showing X instead of icon</a></p>
  <p>Anyone know how to solve this?</p>