Icon

The Icon component renders an SVG icon, and can be extended through the icons property in your theme.

import { Icon } from 'minerva-ui'
Preview
Source

Usage

To use default icons from Feather Icons, you have to manually import the default icons and add them to the theme.

Preview
SyntaxError: Unexpected token (1:15)
1 : return (import { defaultIcons } from 'minerva-ui';
                   ^
Source

Color

Preview
Source

Size live

Preview
Source

Props

These are props related to the Icon component.

NameTypeIs RequiredDefaultDescription
namestringrequirednoneName of icon
sizenumber or stringoptional32pxHeight and width of icon (in pixels)
colorstringoptional#000Color of icon