# Icon

> Render an inline SVG icon from the bundled icon library.

Canonical HTML: https://press.varavel.com/docs/shortcodes/icon/
Markdown: https://press.varavel.com/docs/shortcodes/icon/index.md

`icon` renders one SVG from `static/icons/`. It is the Markdown-facing wrapper around the icon macro used by templates.

## When to Use

Use it inline in docs or marketing copy when a small visual cue improves scanability. Only reference icons that already exist in the theme.

## Usage

```markdown
{{/* icon(name="sparkles", class="inline size-5 text-content") */}}
```

## Live Example

Varavel-ready {{ icon(name="sparkles", class="inline size-5 text-content") }} and bundled with the theme.

## Parameters

| Parameter | Description                                |
| --------- | ------------------------------------------ |
| `name`    | Icon filename without `.svg`. Required.    |
| `class`   | Additional CSS classes on the SVG element. |