Header icons

The 11 header icons, described

Contextual chunkcontextual-chunk

A page with a header over a box — a chunk sent with the context that explains it.

Header injectionheader-injection

A panel with a header line and a bolt under it — a line break smuggled into a header.

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.

Security headersecurity-header

A panel with a header line and a check under it — the headers a response carries to protect the page.

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.

Trace contexttrace-context

A span bar holding angle brackets — the headers that carry a trace across a request.

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

Tags these icons also carry