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