Icon

<x-icon> renders an icon — either from a Tabler icon-font class string or from a raw inline SVG/markup string.

Usage

<x-icon icon="ti ti-plus" />

Options

• icon — required. Either an icon class string (e.g. ti ti-plus) or a raw markup string starting with < (e.g. an inline <svg>).

When you pass a class string, extra class values you add are merged onto the rendered element.

Examples

Dynamic icon with an extra size class

<x-icon :icon="$item->icon" class="fs-1" />

Related

• Icon Picker — UI for picking an icon class.