# Icon

Renders a phosphor-svelte glyph component passed as `glyph`.

Use Icon to render a Phosphor glyph when text alone does not communicate the action or subject quickly enough.

## API

The package declarations define these public members.

| Member | Type | Kind | Required | Default | Description |
| --- | --- | --- | --- | --- | --- |
| `color` | `string` | prop | No | `undefined` | Defaults to `currentColor` (phosphor default). |
| `glyph` | `IconGlyph` | prop | Yes | - | The glyph component itself — e.g. `HouseIcon` from `phosphor-svelte`. |
| `mirrored` | `boolean` | prop | No | `false` | Horizontally mirror the glyph (RTL). |
| `size` | `number \| string` | prop | No | `18` | px number or any CSS length. Default 18. |
| `weight` | `IconWeight` | prop | No | `'regular'` | phosphor weight. Default `regular`. |

## Related

- [Eyebrow](/docs/components/eyebrow): Tracked label used above headings.
- [Avatar](/docs/components/avatar): Identity image or fallback with an optional status marker.
- [CodeBlock](/docs/components/code-block): Read-only code surface with copy support.