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