> This page is for Browser SDK, version v4 (default).
> For other versions, use one of these documentation indexes:
> - v4 (default): https://signalwire.com/docs/browser-sdk/v4/llms.txt
> - v3: https://signalwire.com/docs/browser-sdk/v3/llms.txt
> - v2: https://signalwire.com/docs/browser-sdk/v2/llms.txt

> Fetch clean Markdown by appending `.md` to any page URL under https://signalwire.com/docs or requesting it with the HTTP header `Accept: text/markdown`. The root index at https://signalwire.com/docs/llms.txt lists the available documentation indexes.

# sw-ui-icon

Inline SVG icon component backed by a curated icon set.

```html
<sw-ui-icon name="microphone"></sw-ui-icon>
```

Picks an SVG out of the bundled `ICONS` map (raw `import` of `.svg`
files in this folder) by name and renders it inline so it inherits
`color` from its host — use `currentColor` in your stylesheets to tint
the icon. Width and height are written into the SVG markup at render
time using the `size` property so layout doesn't depend on extra CSS.

The full set of available names is exported as the `IconName` type.
Unknown names render nothing rather than throwing.

*Class: `SwUiIcon` · Module: `packages/web-components/src/components/UI/icons/sw-ui-icon.ts`*

## class: `SwUiIcon`, `sw-ui-icon`

### Fields

**`name`** `IconName` — default: 'close'

`name` field.

---

**`size`** `number` — default: 24

`size` field.

---

### Attributes

| Name   | Field | Inherited From |
| ------ | ----- | -------------- |
| `name` | name  |                |
| `size` | size  |                |

---