Blade component

<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).

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

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