icon

name
Required
string
Matches name in Figma, using lowercase and hyphens instead of spaces.
size
Not required
("sm" | "md" | "lg")
"md"
className
Not required
string
Customize the icon. E.g. text-gray-700

Render an icon from our icon library.

Examples

Size

Icons are rendered at 24x24 by default, but in some instances you may need a smaller or larger option.

Small

Medium (Default)

Large

Color

Color is inherited from the closest parent's text-color. If you want to change it specific to the icon, you can apply a text- tailwind class.

When an unknown icon is requested

If an icon is requested that does not exist in the library, a warning will be logged to the console and a default icon will be rendered in its place.

Resources