Icon

On this page

The Icon component renders Material Design Icons. Built with rmdi

Import component

import { Icon } from 'rimble-ui';

Examples

Standard


<Icon name="MoneyOff" /><Icon name="MoneyOff" />

Custom colour


<Icon color="primary" name="MoneyOff" /><Icon color="primary" name="MoneyOff" />

Custom size


<Icon color="tomato" name="MoneyOff" size="80" /><Icon color="tomato" name="MoneyOff" size="80" />

string

(optional)

Sets the element display property

Default value:

'inline-flex'

string

(optional)

Sets which icon to display

Default value:

''

string

(optional)

Sets the width and height in pixels

Default value:

'24px'

object

(optional)

Default value:

theme

Styled System Props

Icon uses COMMON, LAYOUT, POSITION, FLEXBOX, BORDERS groups of Styled System props.

for a complete list of all icons available.

(ﾉ◕ヮ◕)ﾉ*:・ﾟ✧

We welcome pull requests and issues that help improve Rimble!