Icon

To use this shortcode inline, you need to enable inline shortcodes in your config:

enableInlineShortcodes: true

A list of available icons can be found in data/icons.yaml

Examples

Usage

{{< icon "github" >}}

Heroicons v1 outline icons out of the box

How to add your own icons

Create a data/icons.yaml file and add your own SVG in the following format Icons:

your-icon: <svg>your icon svg content</svg>

You can then use it in a shortcode like this:

{{< icon "your-icon" >}}

{{< card icon="your-icon" >}}

Tip: Iconify Design is a great place to find SVG icons for your site