title: circle outline for fontAwesome icons in react native
body: <p>I want to use the fontAwesome + icon such that it is in the middle of a circle. I want to use it as one icon item. I read that we can use it along with the circle icon and place it inside that but I couldn't make it work.</p>
  <pre><code>import IconFA from 'react-native-vector-icons/FontAwesome';
  
          &lt;IconFA
           name=&quot;plus&quot;
           size={moderateScale(30)}
           color=&quot;black&quot;
           style={styles.thumbnail}
           /&gt;
          {/* &lt;IconFA
          name=&quot;circle-thin&quot;
          size={moderateScale(67)}
          color=&quot;white&quot;
        /&gt; */}
  
    thumbnail: {
      height: 68,
      width: 68,
      position: 'relative',
    },
  </code></pre>
  <p>Alternatively, I read about 'stacked' font awesome icons but couldn't understand how to use it in react native.</p>
  <p>Reference: <a href="https://jsfiddle.net/1d7fvLy5/1/" rel="nofollow noreferrer">https://jsfiddle.net/1d7fvLy5/1/</a></p>
  <p>Snack Expo:</p>
  <p><a href="https://snack.expo.io/9Ild0Q1zG" rel="nofollow noreferrer">https://snack.expo.io/9Ild0Q1zG</a></p>
  <p>I want to make something like this:</p>
  <p><a href="https://i.stack.imgur.com/2elh1.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2elh1.png" alt="enter image description here" /></a></p>
  <p>I am also open to using a <code>&lt;Thumbnail&gt;</code> if I find a similar icon's link but I couldn't find any such free icon online.</p>