Documentation

Description

An SVG icon referenced by name.

Lives in elements/icon/ — the folder name matches the component name, so the gallery collapses this node (the icon folder doesn't appear as a separate folder entry).

Usage

Minimal example

{% icon "foo" %}

Bigger example

{% icon "foo" %}

Qualified tag usage

{% demo_nav__elements__icon__icon "foo" %}

Parameters

Name	Type	Required	Default	Choices	Description
`name`	`str`	Yes	—	—	The icon identifier (e.g. 'arrow-right', 'close').

Further documentation

Icon Component

Renders an inline SVG icon from the icon sprite.

Usage

{% icon "arrow-right" %}
{% icon "close" %}

Available icons

See the icon sprite sheet for the full list of available icon names.

Sandbox