Icon

Inline SVG icon system with 40+ built-in icons and size variants.

<rhx-icon>

Examples

Gallery

alert-circle

alert-triangle

arrow-down

arrow-left

arrow-right

arrow-up

bell

calendar

check

check-circle

chevron-down

chevron-left

chevron-right

chevron-up

clock

copy

download

edit

external-link

eye

eye-off

file

filter

folder

@foreach (var name in IconRegistry.GetNames().OrderBy(n => n).Take(24))
{
    <rhx-icon rhx-name="@name" />
}

Sizes

<rhx-icon rhx-name="star" rhx-size="small" />
<rhx-icon rhx-name="star" />
<rhx-icon rhx-name="star" rhx-size="large" />

Accessible

<rhx-icon rhx-name="settings" rhx-label="Settings" />
<rhx-icon rhx-name="bell" rhx-label="Notifications" />
<rhx-icon rhx-name="user" rhx-label="User profile" />

Properties

Property	Type	Default	Description
`rhx-name`	`string`	`-`	Icon name from the built-in registry
`rhx-size`	`string`	`medium`	Icon size: small (16px), medium (24px), large (32px)
`rhx-label`	`string`	`-`	Accessible label (sets aria-label and role="img")