Context pack Interface Updated May 26, 2026

Navigation Menu Icons

Sidebars, drawers, tabs, breadcrumbs, hamburgers, and overflow menus. Every navigation primitive a modern product surface needs to move users between pages.

51 icons
3 libraries
All open-source
menu page
x page
sidebar page
panel-left page
panel-right page
panel-top page
panel-bottom page
panel-left-open page
panel-left-close page
layout page
layout-dashboard page
layout-grid page
layout-list page
home page
user page
settings page
search page
bell page
mail page
chevron-left page
chevron-right page
chevron-up page
chevron-down page
chevrons-left page
chevrons-right page
arrow-left page
arrow-right page
arrow-up page
arrow-down page
more-horizontal page
more-vertical page
ellipsis page
ellipsis-vertical page
grid page
list page
columns page
compass page
map page
plus page
minus page
external-link page
link page
rocket page
command page
keyboard page
log-out page
log-in page
hash page
tag page
folder page
folder-open page
No icons match those filters.
51 icons shown · 0 in kit

About this pack

Navigation Menu collects the navigation primitives every product surface eventually needs: hamburger menus, sidebars (collapsed and expanded), bottom-nav tabs, breadcrumbs and tag-trails, overflow menus, and the chevrons and arrows that go alongside. Use this for app shells and complex IA.

Pack at a glance

CategoryContext pack
TagInterface
Total icons51
Libraries3
Last updatedMay 26, 2026

Best for

App sidebars
Mobile drawers
Bottom tabs
Breadcrumb trails
Mega menus

Style composition

51 outline0 filled

Outline icons follow the stroke-width control; filled icons paint with a single fill. All scale cleanly on their native grid.

Libraries in this pack

Every glyph is drawn from a real open-source set — here's exactly how the 51 icons break down, with each license.

Lucide42 icons
by Lucide Contributors
Feather8 icons
by Cole Bemis
Tabler1 icon
by Paweł Kuna

Licensing

Free for commercial use. This pack mixes 2 licenses across its 3 sources:

ISCLucide
MITFeather, Tabler
Icons via DownloadIcons (downloadicons.com). Lucide (ISC), Feather (MIT), Tabler (MIT).

Common questions

How many icons are in the Navigation Menu pack?
51 icons, drawn from 3 open-source libraries: Lucide (42), Feather (8), Tabler (1).
Can I use these icons in commercial projects?
Yes. Every library in this pack is open source — Lucide under ISC; Feather and Tabler under MIT. Keep each library’s license text when redistributing source.
What formats can I export?
Individual SVG files (zipped), a single React .tsx component file, a Vue 3 .ts component file, or a ZIP of Svelte 5 components with an index.ts barrel — all generated in your browser from the same icon data, so the preview always matches the download.
Do outline and filled icons behave differently?
This pack contains 51 outline and 0 filled icons. Outline icons follow the stroke-width control and paint with stroke: currentColor; filled icons paint with fill: currentColor. Both inherit text color in your UI.
How is the kit saved?
Your kit (selection, order, and name) is stored in your browser’s localStorage, scoped to this pack only — nothing is uploaded, and it survives page reloads on this device.
Copied