Writing & Markdown
Icons
Insert inline SVG icons from Hero Icons and academic icon packs using the Hugo icon shortcode — with size and color options.
Usage
{{</* icon name="hero/rocket" */>}}
{{</* icon name="brands/github" */>}}
{{</* icon name="hero/academic-cap" */>}}Parameters
| Parameter | Type | Description |
|---|---|---|
name | string | Required. Icon name in pack/icon format |
Icon Packs
| Pack | Prefix | Source |
|---|---|---|
| Hero Icons | hero/ | heroicons.com |
| Brand Icons | brands/ | Social & brand logos |
For the full list of available icons and how to add custom icon packs, see the Icons Reference.
Was this page helpful?
Buttons
Add call-to-action buttons with gradient styles, sizes, icons, and alignment using the Hugo button shortcode.
Cards
Create navigation and informational card grids with links, icons, and descriptions using the Hugo cards shortcode.
From the makers of
© 2026 Lore Labs.