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} />

Properties

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.