> ## Documentation Index
> Fetch the complete documentation index at: https://unicon.rocks/llms.txt
> Use this file to discover all available pages before exploring further.

# Blade Component

> A component for rendering icons

## Usage

```html
<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`

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.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.