Icon button · High Contrast
A compact icon-only button with solid, soft, outline and ghost variants, three sizes, a label tooltip, an optional badge, and loading and disabled states.
Design · High Contrast20 / 20
52px square target with a 3px black border, heavier glyph strokes, hatched tonal variant, dashed ghost and a large 15px tooltip.
Motion
The glyph springs up from 60% with a small overshoot on every tap, and the button presses to 97%.
Accent
A compact icon-only button with solid, soft, outline and ghost variants, three sizes, a label tooltip, an optional badge, and loading and disabled states.
buttonicontoolbaractiontooltipbadgeaccessible