React Native Mantine › Miscellaneous
Icon
FontAwesome icon component
Import: import { Icon } from 'react-native-mantine';
Usage
import { Icon } from 'react-native-mantine';
<Icon name="heart" size={24} color="#e03131" />
<Icon name="home" size={24} useThemeColor />Props
| Prop | Type | Default | Description |
|---|---|---|---|
name (required) | string | Icon name from FontAwesome icon set (e.g., "heart", "star", "user", "cog") | |
size | number | 16 | Icon size in pixels |
color | string | Icon color as a hex code or color name. If useThemeColor is true, this will be overridden | |
useThemeColor | boolean | false | If true, uses theme-based color (dark mode: light color, light mode: dark color) |
allowFontScaling | boolean | false | Whether to allow font scaling based on device accessibility settings |
style | TextStyle | Additional styles to apply to the icon |