Skip to content
IconMind

Header icons

7 icons carry the tag header, across Interface and Security. Navbar, Panel top, Panel top close and 4 more — each in outline and duotone at three weights, with the code for React, Vue, Svelte, Flutter and more.

The 7 header icons, described

Navbarnavbar
A bar of destinations above the page content — the navigation bar.
Panel toppanel-top
Panel top — a strip across the top of a layout, a header or a toolbar.
Panel top closepanel-top-close
A window with a bar across the top and a chevron pointing up at it — collapse the top panel.
Panel top dashedpanel-top-dashed
A window with a dashed line across the top — where a header would go, not yet there.
Panel top openpanel-top-open
A window with a bar across the top and a chevron pointing down — open the top panel.
Sticky headersticky-header
A window whose header stays put above the content — a sticky header.
Token authtoken-auth
Token auth — the bearer string in a header that vouches for you.

In code, each is one import — import { Navbar } from "@iconmind/react/icons/navbar" — and the same name in Vue, Svelte, Solid, Preact, React Native, Astro, Blade and Flutter.

Tags these icons also carry

Every header icon, free to ship

7 of 2,437 icons compiled from one grid — outline and duotone, three weights, every cell generated rather than redrawn. MIT licensed: commercial use, no attribution, no seat count.