​
Usage

<x-icon name="heroicons:clock" />

​
Component API

​
name
string
required

The name of the icon to render.

The name is the combination of the prefix and the icon name, separated by a colon (e.g. heroicons:clock).

​
class
string
default:
""

The class attribute to apply to the rendered icon.

Class names will be merged with the default class names declared in the configuration (if any).

​
mode
string
default:
"css"

The rendering mode of the icon.

Icons can either be rendered as css background images or as inline svg elements.