Icon centered ?

Yo ! I’m using this lib to render icon component and I find that the icons are not vertically centered. Maybe I’m using it wrong, but even if I render just the Icon component and put his background color to see better, the icon is clearly not centered.

import { Ionicon } from '@expo/vector-icons'

<Ionicon
  color='white'
  name='close'
  style={ { backgroundColor: 'red' } }
/>

I tried to put alignItems: 'center' and justifyContent: 'center' to style without success…

If I put paddingTop: 2 to style, the icon is centered

[ZackTRobertson]

Wrap the icon component in a parent view and then set that view’s justifyContent style property to “center”. (or alignItems if you make the flexDirection “row”)

<View style={{justiftyContent:"center", alignItems:"center"}}>
   <Icon>
</View>

[martinezguillaume]

@basbase solution is good. And if you want to center the icon inside (because sometimes icons are not centered), you can add textAlign: 'center' to style icon