<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" />
Responses are generated using AI and may contain mistakes.