Props
| Prop | Type | Default | Notes |
|---|---|---|---|
name | string | '' | |
url | string | https://api.iconify.design/{prefix}/{name}.svg |
StellarUI
<stellar-icon>
Properties
Preview
Markup
<stellar-icon name="mdi:github"></stellar-icon>API
Complete props, events, slots, and implementation notes for the shipped icon.
Events
| Event | Source | Notes |
|---|---|---|
| custom events | none | stellar-icon does not emit custom events. |
Slots
| Slot | Notes |
|---|---|
| none | stellar-icon is prop-driven only. Use CSS font-size and color on the host to size and tint it. |
Notes
- The public tag is `stellar-icon`, and it exists as the local icon primitive for other shipped StellarUI components.
- The API stays intentionally small: `name` selects the icon, and `url` overrides the raw SVG source template when needed.
- The component resolves direct SVG URLs so normal browser caching applies instead of relying on the Iconify web component runtime.
- Icons inherit `currentColor` and size from the host `font-size`, so the normal way to style them is with surrounding text or control CSS.
- Bad icon names and failed fetches fall back to a local `?` glyph instead of leaving a broken empty box.