Icon button · Editorial
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 · Editorial11 / 20
Square ink button turning accent on hover; the soft variant is a double-ruled frame and the tooltip is set in italics.
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