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 2yr ago