Last updated July 11, 2026

Icon Reference

2 minutes read

Set icon: in your page settings to display an icon next to the page in the sidebar. folio.md shows icons in two places:

  • Top-level pages: next to the page’s sidebar entry.
  • Section headers: defined in _section.mdx, the icon appears next to the section title.

Setting icon on a page nested inside a section 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 (opens in new tab). To add more icons, import them in src/components/NavIcon.tsx and add them to the icons map.