Material Design 3 filled tonal icon button tokens

Change history (0)Material Design 3 documentation

Browse tokens

Enabled

Enabled tokens
Token	Value
Filled tonal icon button container shape`md.comp.filled-tonal-icon-button.container.shape`	`md.sys.shape.corner.full`Show reference chainHide reference chain `md.comp.filled-tonal-icon-button.container.shape` `md.sys.shape.corner.full` Circular

Container

Container tokens
Token	Value
Filled tonal icon button container height`md.comp.filled-tonal-icon-button.container.height`	40dp
Filled tonal icon button container size`md.comp.filled-tonal-icon-button.container.size`	40dp
Filled tonal icon button container width`md.comp.filled-tonal-icon-button.container.width`	40dp

Icon

Icon tokens
Token	Value
Filled tonal icon button icon size`md.comp.filled-tonal-icon-button.icon.size`	24dp

Focused

Indicator

Indicator tokens
Token	Value
Filled tonal icon button focus indicator thickness`md.comp.filled-tonal-icon-button.focus.indicator.thickness`	`md.sys.state.focus-indicator.thickness`Show reference chainHide reference chain `md.comp.filled-tonal-icon-button.focus.indicator.thickness` `md.sys.state.focus-indicator.thickness` 3dp

Outline

Outline tokens
Token	Value
Filled tonal icon button focus indicator offset`md.comp.filled-tonal-icon-button.focus.indicator.outline.offset`	`md.sys.state.focus-indicator.outer-offset`Show reference chainHide reference chain `md.comp.filled-tonal-icon-button.focus.indicator.outline.offset` `md.sys.state.focus-indicator.outer-offset` 2dp