Icon Button Standard

Lowest emphasis; inline on a surface. Five sizes x three widths x two shapes fold in as variants. The container is transparent, so the shape axis is invisible at rest — the kit draws its square nodes the same way, and `square-hovered` is the cell where it shows.

Light (Default) Dark (Default) Baseline Dark Baseline Light Dark High Contrast Dark Medium Contrast Light High Contrast Light Medium Contrast Expressive Dark Expressive Light

Size

Size mode (default) Fixed size Max Min Within (min–max)

Exploded 3D

Lean

28°

Spin

-16°

Separation

0

Layers

6

One sheet per visible drawing level. Structural-only composables are kept in the next sheet's breadcrumb. Rides the SVG link and download.

Locale & text

Locale Font scale: default

Overlays

Inspect

Accessibility Typography Theme attributes Layout boxes

Overlays (Live Compose)

Show touches

Overrides

Declared overrides — edit a value to re-render.

focus Opacity Ring size Extra small Small Medium Large Extra large width Narrow Uniform Wide state Enabled Disabled shape Round Square