Skip to main content

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:

Additional Props

PropTypeDescription
iconIconIdentifierName of the icon to display
iconSizestringTheme font size token for icon size