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

​
Styling

Use the special class attribute to set custom class names for the rendered icon.

<x-icon name="heroicons:clock" class="w-6 h-6" />
Class names will be merged with the default class names declared in the configuration (if any).

​
Custom attributes

Any custom attributes will be passed down to the rendered icon.

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