Heroicons is a set of free MIT-licensed high-quality SVG icons for you to use in your web projects. Currently, this Hugo module mainly follows version v2.0.

Use

Import the module into your Hugo project's site config:

[[module.imports]]
path = "github.com/gohugoio/hugo-mod-heroicons"

The icons gets mounted in assets/svg/heroicons.

This means that they can be used like this in a Hugo template:

{{ $icon := resources.Get "svg/heroicons/24/outline/search.svg" }}
{{ $icon.Content | safeHTML }}

See https://github.com/tailwindlabs/heroicons/tree/master/src for a full list of icons and its folder structure.