# swc-ui-icon

An internal icon renderer for Spectrum UI icons (chevrons, checkmarks, arrows, and other control internals).

```js
import '@adobe/spectrum-wc/components/ui-icons/index.js';
// <swc-ui-icon></swc-ui-icon>
```

## Attributes

| Name               | Type          | Default | Description                                                                                                          |
| ------------------ | ------------- | ------- | -------------------------------------------------------------------------------------------------------------------- |
| `icon`             | `UiIconName`  | -       | The logical UI icon to render, matching a key in the icon-set registry (for example `chevron` or `corner-triangle`). |
| `size`             | `ElementSize` | -       | T-shirt icon size.                                                                                                   |
| `accessible-label` | `string`      | `''`    | Accessible label for the icon. When empty the icon is decorative.                                                    |

## CSS Custom Properties

| Name                     | Description                  |
| ------------------------ | ---------------------------- |
| `--swc-icon-color`       | Color of the icon.           |
| `--swc-icon-inline-size` | Inline size of the icon box. |
| `--swc-icon-block-size`  | Block size of the icon box.  |