Icon

Further clarifies the sentiment or intent of an action or element.

AddIcon

Prop	Required	Description	Type
`size`	—	The size of the icon. Defaults to medium.	"xsmall" \| "small" \| "medium" \| "large"
`color`	—	The color of the icon.	"themePrimaryBase" \| "themePrimary100" \| "themePrimary200" \| "themePrimary300" \| "themePrimary400" \| "themePrimary500" \| "themePrimary600" \| "themeAccentBase" \| "themeAccent100" \| "themeAccent200" \| "themeAccent300" \| "themeAccent400" \| "themeAccent500" \| "themeAccent600" \| "azure50" \| "azure100" \| "azure200" \| "azure300" \| "azure400" \| "azure500" \| "azure600" \| "indigo50" \| "indigo100" \| "indigo200" \| "indigo300" \| "indigo400" \| "indigo500" \| "indigo600" \| "apricot50" \| "apricot100" \| "apricot200" \| "apricot300" \| "apricot400" \| "apricot500" \| "apricot600" \| "teal50" \| "teal100" \| "teal200" \| "teal300" \| "teal400" \| "teal500" \| "teal600" \| "berry50" \| "berry100" \| "berry200" \| "berry300" \| "berry400" \| "berry500" \| "berry600" \| "rose50" \| "rose100" \| "rose200" \| "rose300" \| "rose400" \| "rose500" \| "rose600" \| "coffee50" \| "coffee100" \| "coffee200" \| "coffee300" \| "coffee400" \| "coffee500" \| "coffee600" \| "neutralSubtle" \| "neutralBold" \| "neutralBoldInverted" \| "neutralDisabled" \| "positive" \| "informative" \| "caution" \| "critical"
`className`	—	The className prop can be used to add CSS classes to the icon.	string