Developer Programs

Learn

Docs

Icons

Icons
icons
icons
Use icons to help your users more quickly identify the different sections of your Hugo site.

How icons are used in the jhDocs theme

The jhDocs theme displays an icon with each top-level navigation item. You can see examples of this in this site’s nav bar.

You can define an icon for each top-level site page in your site by adding an icon front matter value for the page. Note that this value is only used for top-level navigation items; it is ignored in all other pages.

If you don’t specify an icon for a top-level page, a generic “document” icon displays as its icon.

Example icon definition in a page's front matter
1
2
3
4
5
6
---
title: 'Icons'
weight: 7
icon: assets
topics: 'icons'
---

Icon list

Below is a list of all the icons that you can use for nav items in your site.

Next topic: Hero Images

Support options
Have questions on this topic?
Join the jhDocs team in Microsoft Teams to connect with the community.
See something in this page that needs to change?
Send us feedback on this page.

Did this page help you?

Last updated Mon Dec 29 2025