Icon
Icon component provides a simple way to render images by requesting it from an icon set.
import Icon from 'react-native-vector-icons/MaterialCommunityIcons';
import { colors } from '../../styles';
<Icon name={'home'} size={24} color={colors.primary} />
<Icon name={'calendar'} size={24} color={colors.primary} />
<Icon name={'apps'} size={24} color={colors.primary} />
<Icon name={'layers'} size={24} color={colors.primary} />
<Icon name={'widgets'} size={24} color={colors.primary} />
<Icon name={'clipboard-text'} size={24} color={colors.primary} />

Name
Type
Description
name
string
A name of icon registered in a specific pack.
size
int
Size of the icon
color
string
Color of the icon
...props
any
Accepts any props available in a specific pack.
Last modified 1yr ago
Copy link