Icon
Draws one Material Symbols Outlined glyph at a kit size, colored by the parent text color or a semantic icon role.
Master
Toggle size, intent and filled to preview every Icon combination.
Usage
Use Icon for every glyph. Pick a size from the scale and an intent from the semantic roles. Pass a label only when the icon means something on its own. See contracts/icon.json for the full contract.
Do's
- Any glyph inside a kit component or screen.
Don'ts
- Do not inline SVGs or emoji.
- Do not size with custom px; use size enum.
<Icon name="search" size="lg" intent="inherit" />