Icon
The Icon component renders SVG icons with consistent sizing and color. Pass any SVG as its child.
Basic
<me-icon>
<svg viewBox="0 0 24 24" fill="currentColor">...</svg>
</me-icon>
Colors
<me-icon color="primary">...</me-icon>
<me-icon color="secondary">...</me-icon>
<me-icon color="error">...</me-icon>
<me-icon color="action">...</me-icon>
<me-icon color="disabled">...</me-icon>
Font Sizes
<me-icon font-size="small">...</me-icon>
<me-icon font-size="medium">...</me-icon>
<me-icon font-size="large">...</me-icon>
<me-icon font-size="inherit">...</me-icon>
API
| Attribute | Type | Default | Description |
|---|
color | inherit | primary | secondary | action | error | warning | info | success | disabled | inherit | Icon color. |
font-size | inherit | small | medium | large | medium | Controls the icon size via font-size. |
