Skip to content
IconMind

Sidebar icons

6 icons carry the tag sidebar, all in Interface. Left pane, Right pane, Panel left close and 3 more — each in outline and duotone at three weights, with the code for React, Vue, Svelte, Flutter and more.

6 iconsOpen in browser
pane-leftpane-rightpanel-left-closepanel-left-dashedpanel-left-openpanel-right

The 6 sidebar icons, described

Left panepane-left
Left pane — the narrow sidebar on the left does the choosing.
Right panepane-right
Right pane — the details live in the sidebar on the right of the layout.
Panel left closepanel-left-close
A window with its left panel and a chevron pointing back at it — collapse the sidebar.
Panel left dashedpanel-left-dashed
A window with a dashed line down its left side — where a sidebar would go, not yet there.
Panel left openpanel-left-open
A window with its left panel and a chevron pointing into the content — open the sidebar.
Panel rightpanel-right
A window with a panel down its right side — an inspector, a detail pane beside the content.

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

Tags these icons also carry

focus5layout12collapse14expand15hide10inspector4optional6pane3placeholder8show4

Every sidebar icon, free to ship

6 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 tagsInstall the packageRequest an icon