Icons are used to visually communicate core actions or information to the user. They are used to represent a particular action or category of information.
Icon Name
Type
Color
Size
Accessibility
All icons must have accessibility labels
Props
Name
Type
Required
Description
iconName
IconName
Required
color
keyof TextTheme
size
IconSize
testID
string
Root test id for the primary interactive element or container.
type
Status
Documentation:
Figma:
Web:
iOS:
Android:
Examples
SolidIcons
IconStyles
Solid
Regular
IconSizes
CustomIcons
Register custom icons (e.g. SVGs) via TerrenoProvider’s icons prop and use them by name in Icon, Button, IconButton, and other icon-aware components.
The "sparkle" icon is a custom SVG registered on the demo's root TerrenoProvider (see components/customIcons.tsx). Once registered, it is usable by name anywhere an iconName is accepted.