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.
Icon list
Below is a list of all the icons that you can use for nav items in your site.
Next topic: Hero ImagesSupport options
Did this page help you?
Last updated Mon Dec 29 2025