Component

Material Design 3 icon button tokens

Browse tokens

Token

See more values

Compare token values by selecting another context

More contexts
Platform
Motion scheme

Enabled
Container
Container tokens
TokenValue
Icon button xlarge container heightmd.comp.icon-button.xlarge.container.height136dp
Shape
Shape tokens
TokenValue
Icon button xlarge container shape roundmd.comp.icon-button.xlarge.container.shape.round
md.sys.shape.corner.fullShow reference chainHide reference chain
md.comp.icon-button.xlarge.container.shape.round
  • md.sys.shape.corner.full
Circular
Icon button xlarge container shape squaremd.comp.icon-button.xlarge.container.shape.square
md.sys.shape.corner.extra-largeShow reference chainHide reference chain
md.comp.icon-button.xlarge.container.shape.square
  • md.sys.shape.corner.extra-large
Rounded Corners · DefaultSize: 28dp
Default
Default tokens
TokenValue
Icon button xlarge default leading spacemd.comp.icon-button.xlarge.default.leading-space
md.sys.measurement.space600Show reference chainHide reference chain
md.comp.icon-button.xlarge.default.leading-space
  • md.sys.measurement.space600
48dp
Icon button xlarge default trailing spacemd.comp.icon-button.xlarge.default.trailing-space
md.sys.measurement.space600Show reference chainHide reference chain
md.comp.icon-button.xlarge.default.trailing-space
  • md.sys.measurement.space600
48dp
Icon
Icon tokens
TokenValue
Icon button xlarge icon sizemd.comp.icon-button.xlarge.icon.size40dp
Narrow
Narrow tokens
TokenValue
Icon button xlarge narrow leading spacemd.comp.icon-button.xlarge.narrow.leading-space
md.sys.measurement.space400Show reference chainHide reference chain
md.comp.icon-button.xlarge.narrow.leading-space
  • md.sys.measurement.space400
32dp
Icon button xlarge narrow trailing spacemd.comp.icon-button.xlarge.narrow.trailing-space
md.sys.measurement.space400Show reference chainHide reference chain
md.comp.icon-button.xlarge.narrow.trailing-space
  • md.sys.measurement.space400
32dp
Outlined
Outline
Outline tokens
TokenValue
Icon button xlarge outline widthmd.comp.icon-button.xlarge.outlined.outline.width3dp
Selected
Container
Shape
Shape tokens
TokenValue
Icon button xlarge selected container shape roundmd.comp.icon-button.xlarge.selected.container.shape.round
md.sys.shape.corner.extra-largeShow reference chainHide reference chain
md.comp.icon-button.xlarge.selected.container.shape.round
  • md.sys.shape.corner.extra-large
Rounded Corners · DefaultSize: 28dp
Icon button xlarge selected container shape squaremd.comp.icon-button.xlarge.selected.container.shape.square
md.sys.shape.corner.fullShow reference chainHide reference chain
md.comp.icon-button.xlarge.selected.container.shape.square
  • md.sys.shape.corner.full
Circular
Wide
Wide tokens
TokenValue
Icon button xlarge wide leading spacemd.comp.icon-button.xlarge.wide.leading-space
md.sys.measurement.space900Show reference chainHide reference chain
md.comp.icon-button.xlarge.wide.leading-space
  • md.sys.measurement.space900
72dp
Icon button xlarge wide trailing spacemd.comp.icon-button.xlarge.wide.trailing-space
md.sys.measurement.space900Show reference chainHide reference chain
md.comp.icon-button.xlarge.wide.trailing-space
  • md.sys.measurement.space900
72dp
Pressed
Pressed tokens
TokenValue
Icon button xlarge shape pressed morphmd.comp.icon-button.xlarge.pressed.container.shape
md.sys.shape.corner.largeShow reference chainHide reference chain
md.comp.icon-button.xlarge.pressed.container.shape
  • md.sys.shape.corner.large
Rounded Corners · DefaultSize: 16dp
Container
Corner Size
Motion
Spring
Spring tokens
TokenValue
Icon button xlarge shape spring animation dampingmd.comp.icon-button.xlarge.pressed.container.corner-size.motion.spring.damping
md.sys.motion.spring.fast.spatial.dampingShow reference chainHide reference chain
md.comp.icon-button.xlarge.pressed.container.corner-size.motion.spring.damping
  • md.sys.motion.spring.fast.spatial.damping
Numeric: 0.6
Icon button xlarge shape spring animation stiffnessmd.comp.icon-button.xlarge.pressed.container.corner-size.motion.spring.stiffness
md.sys.motion.spring.fast.spatial.stiffnessShow reference chainHide reference chain
md.comp.icon-button.xlarge.pressed.container.corner-size.motion.spring.stiffness
  • md.sys.motion.spring.fast.spatial.stiffness
Numeric: 800