circle outline for fontAwesome icons in react native

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.

import IconFA from 'react-native-vector-icons/FontAwesome';<IconFA         name="plus"         size={moderateScale(30)}         color="black"         style={styles.thumbnail}         />        {/* <IconFA        name="circle-thin"        size={moderateScale(67)}        color="white"      /> */}  thumbnail: {    height: 68,    width: 68,    position: 'relative',  },

Alternatively, I read about 'stacked' font awesome icons but couldn't understand how to use it in react native.

Reference: https://jsfiddle.net/1d7fvLy5/1/

Snack Expo:

https://snack.expo.io/9Ild0Q1zG

I want to make something like this:

I am also open to using a <Thumbnail> if I find a similar icon's link but I couldn't find any such free icon online.