Bar icons

13 icons carry the tag bar, across Interface, Health, Home, Travel, Analytics, Education, Security and Social. Dismiss banner, Stool, Barbell and 10 more — each in outline and duotone at three weights, with the code for React, Vue, Svelte, Flutter and more.

13 iconsOpen in browser

The 13 bar icons, described

Dismiss bannerbanner-dismiss: Dismiss banner — understood, now close the notice bar and get it out of the way.
Stoolbar-stool: The seat on a splayed leg.
Barbellbarbell: The long bar loaded either side.
Chocolatechocolate: The bar scored into squares.
High jumphigh-jump: The bar and the arc over it.
Inline alertinline-alert: An inline alert — a warning that sits inside the flow of the page.
Map scalemap-scale: The bar that says how far a centimetre is.
Minibarminibar: The little fridge with a bottle in it.
Navbarnavbar: A bar of destinations above the page content — the navigation bar.
How far inread-progress: The bar filling as you read.
Redact fieldsredact-fields: Redact fields — the line is there but the words are hidden behind a bar.
Snacksnack: The bar broken into squares.
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

notice6 close13 distance13 header11 hide11 load14 over5 progress7 scale14 squares5 timing8 warning38

Every bar icon, free to ship

13 of 5,287 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