Bar icons

5 icons carry the tag bar, across Interface, Analytics and Security. Dismiss banner, Inline alert, Navbar and 2 more — each in outline and duotone at three weights, with the code for React, Vue, Svelte, Flutter and more.

The 5 bar icons, described

Dismiss bannerbanner-dismiss: Dismiss banner — understood, now close the notice bar and get it out of the way.
Inline alertinline-alert: An inline alert — a warning that sits inside the flow of the page.
Navbarnavbar: A bar of destinations above the page content — the navigation bar.
Redact fieldsredact-fields: Redact fields — the line is there but the words are hidden behind a bar.
Trace spantrace-span: A trace span — the bar showing how much of the time this call took.

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

Tags these icons also carry

notice3 close4 header7 hide10 timing6 warning22

Every bar icon, free to ship

5 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.

All tags Install the package Request an icon