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.