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 xsmall container heightmd.comp.icon-button.xsmall.container.height
32dp
Icon button xsmall icon sizemd.comp.icon-button.xsmall.icon.size
20dp
Icon button xsmall narrow leading spacemd.comp.icon-button.xsmall.narrow.leading-space
4dp
Icon button xsmall narrow trailing spacemd.comp.icon-button.xsmall.narrow.trailing-space
4dp
Icon button xsmall default leading spacemd.comp.icon-button.xsmall.default.leading-space
6dp
Icon button xsmall default trailing spacemd.comp.icon-button.xsmall.default.trailing-space
6dp
Icon button xsmall wide leading spacemd.comp.icon-button.xsmall.wide.leading-space
10dp
Icon button xsmall wide trailing spacemd.comp.icon-button.xsmall.wide.trailing-space
10dp
Icon button xsmall container shape roundmd.comp.icon-button.xsmall.container.shape.round
Full
Icon button xsmall container shape squaremd.comp.icon-button.xsmall.container.shape.square
12dp
Icon button xsmall outline widthmd.comp.icon-button.xsmall.outlined.outline.width
1dp
Icon button xsmall shape pressed morphmd.comp.icon-button.xsmall.pressed.container.shape
8dp
Icon button xsmall shape spring animation dampingmd.comp.icon-button.xsmall.pressed.container.corner-size.motion.spring.damping
Numeric: 0.6
Icon button xsmall shape spring animation stiffnessmd.comp.icon-button.xsmall.pressed.container.corner-size.motion.spring.stiffness
Numeric: 800
Icon button xsmall selected container shape roundmd.comp.icon-button.xsmall.selected.container.shape.round
12dp
Icon button xsmall selected container shape squaremd.comp.icon-button.xsmall.selected.container.shape.square
Full