Shortcodes

Icons

Every icon bundled with the theme, with the name you pass to `icon=`.

Inline SVG icons available anywhere the theme accepts an icon= param — notices, badges, buttons, the icon shortcode. Rendered at first paint; no font load, no FOIT.

{{< icon rocket >}}
{{< badge color="info" icon="shield" >}}secure{{< /badge >}}
{{% notice icon="lightbulb" %}}…{{% /notice %}}

Available icons #

Aliases (legacy / relearn-compat names)

• circle-info → info
• exclamation-triangle → warning
• external-link → external
• fa-check → check
• fa-circle-info → info
• fas-bookmark → note
• fas-check → check
• fas-circle-info → info
• fas-fire → danger
• fas-triangle-exclamation → warning
• github-square → github

Adding more #

Drop your SVG path data into data/icons.toml — one entry per icon. The gallery above reads from the same file and updates on the next build.

To extend without forking the theme, create data/icons.toml in your own site. Hugo’s data-file precedence puts your file ahead of the theme’s, so you can add or replace any icon site-locally.

# your-site/data/icons.toml
[icons]
my-icon = '<path d="M…"/>'