Icon

Icon is a component for displaying vector icons from the icon library with customizable size and color.

Usage

<Icon 
  icon="arrow-right"
  iconSize="md"
  color="primary"
/>

Icon in Text

<Text>
  Click here <Icon icon="chevron-right" iconSize="sm" /> to continue
</Text>

Props

Icon accepts text color props from styled-system:

• Text Color Props

Additional Props

Prop	Type	Description
icon	IconIdentifier	Name of the icon to display
iconSize	string	Theme font size token for icon size