Last updated June 23, 2026

Icon Reference

2 minutes read

The icon field in page frontmatter accepts any of the names below. folio.md shows icons in the sidebar in two places:

  • Top-level pages: the icon appears next to the page’s sidebar entry.
  • Top-level _section.mdx files: the icon appears next to the section header.

Setting icon on a nested page inside a section passes schema validation but has no visible effect. folio.md emits a build warning in that case.

mdx
---
title: My Page
icon: Rocket
---

Available icons

NameUse for
BookGuides, manuals
BookOpenTutorials, reading material
ChevronRightGeneric navigation, steps
CodeAPI docs, code references
FileTextGeneral pages, text content
GitBranchVersioning, branching, changelogs
GlobeInternationalization, deployment, external
HouseHome / landing page
LifeBuoySupport, troubleshooting
PackagePackages, dependencies, releases
RocketDeployment, getting started, launches
SettingsConfiguration, options
ShieldSecurity, authentication, permissions
StarHighlights, reference, featured
TerminalCommand-line tool, commands, scripts
UsersTeams, accounts, collaboration
WrenchTools, setup, advanced
ZapPerformance, quick-start, power features

Icons come from Lucide. To add more icons, import them in src/components/NavIcon.tsx and add them to the icons map.