Component

Material Design 3 outlined icon button tokens

Browse tokens

TokenValue
Enabled
Enabled tokens
TokenValue
Outlined icon button container shapemd.outlined-icon-button.container.shape
md.sys.shape.corner.fullShow reference chainHide reference chain
md.outlined-icon-button.container.shape
  • md.sys.shape.corner.full
Circular
Container
Container tokens
TokenValue
Outlined icon button container heightmd.outlined-icon-button.container.height40dp
Outlined icon button container sizemd.outlined-icon-button.container.size40dp
Outlined icon button container widthmd.outlined-icon-button.container.width40dp
Icon
Icon tokens
TokenValue
Outlined icon button icon sizemd.outlined-icon-button.icon.size24dp
Unselected
Outline
Outline tokens
TokenValue
Outlined icon button unselected outline widthmd.outlined-icon-button.unselected.outline.width1dp
Focused
Indicator
Indicator tokens
TokenValue
Outlined icon button focus indicator thicknessmd.outlined-icon-button.focus.indicator.thickness
md.sys.state.focus-indicator.thicknessShow reference chainHide reference chain
md.outlined-icon-button.focus.indicator.thickness
  • md.sys.state.focus-indicator.thickness
3dp
Outline
Outline tokens
TokenValue
Outlined icon button focus indicator offsetmd.outlined-icon-button.focus.indicator.outline.offset
md.sys.state.focus-indicator.outer-offsetShow reference chainHide reference chain
md.outlined-icon-button.focus.indicator.outline.offset
  • md.sys.state.focus-indicator.outer-offset
2dp