Feedback & indicatorsIcon

Icon

Use icons to help users more easily understand common interaction patterns that are available.

Prop	Type	Required	Default	Description
`color`	`TextColorKey \| 'inputDisabled' \| 'white'` `critical`\|`warning`\|`info`\|`success`\|`accent`\|`textPrimary`\|`textBody`\|`textSecondary`\|`textTertiary`\|`textDisabled`\|`textLink`\|`inputDisabled`\|`white`	—	—	The color key for the SVG fill property.
`css`	`CSSObject`	—	—	—
`size`	`ResponsiveProp<keyof typeof sizeMap> \| number`	—	—	The size key for the icon.

Icon — Guidelines

When to use icons, and when to reach for Illustration instead.

Illustration

Illustrations are an effective way to build an app's visual identity and help convey complex ideas in a simple way.