Component

Material Design 3 icon buttons tokens

Browse tokens

Token

See more values

Compare token values by selecting another context

More contexts
Platform
Motion scheme

tokens
TokenValue
Icon button small container heightmd.comp.icon-button.small.container.height
40dp
Icon button small icon sizemd.comp.icon-button.small.icon.size
24dp
Icon button small narrow leading spacemd.comp.icon-button.small.narrow.leading-space
4dp
Icon button small narrow trailing spacemd.comp.icon-button.small.narrow.trailing-space
4dp
Icon button small default leading spacemd.comp.icon-button.small.default.leading-space
8dp
Icon button small default trailing spacemd.comp.icon-button.small.default.trailing-space
8dp
Icon button small wide leading spacemd.comp.icon-button.small.wide.leading-space
14dp
Icon button small wide trailing spacemd.comp.icon-button.small.wide.trailing-space
14dp
Icon button small container shape roundmd.comp.icon-button.small.container.shape.round
Full
Icon button small container shape squaremd.comp.icon-button.small.container.shape.square
12dp
Icon button small outline widthmd.comp.icon-button.small.outlined.outline.width
1dp
Icon button small shape pressed morphmd.comp.icon-button.small.pressed.container.shape
8dp
Icon button small shape spring animation dampingmd.comp.icon-button.small.pressed.container.corner-size.motion.spring.damping
Numeric: 0.6
Icon button small shape spring animation stiffnessmd.comp.icon-button.small.pressed.container.corner-size.motion.spring.stiffness
Numeric: 800
Icon button small selected container shape roundmd.comp.icon-button.small.selected.container.shape.round
12dp
Icon button small selected container shape squaremd.comp.icon-button.small.selected.container.shape.square
Full