Icons

Icons are symbols of frequently used actions or internal system state that enhance meaning, distinctiveness, and memorability of functionality.

See API

Icon

Preview

Config

Icon

Name of the icon.

Size

Size of the icon.

—smalldefaultlarge

Disabled

Disabled state of the icon.

Color

Color of the icon. See utility color classes for valid values.

Rotation

Rotation of the icon.

—leftright

Type

Display type of the icon.

—helpertabledropdowninline

Open in playground →

Sizes

[size=small] [size=default] [size=large]

Preview

Open in playground →

Disabled

[disabled]

Preview

Open in playground →

Rotation

[rotation=left] [rotation=right]

Preview

Open in playground →

Colors

Preview

Open in playground →

Types

[type=table]

Preview

Open in playground →

[type=inline]

Preview

Open in playground →

[type=helper]

Preview

Open in playground →