Skip to content
IconMind

Drawer icons

5 icons carry the tag drawer, all in Interface. Bottom pane, Panel bottom close, Panel bottom dashed and 2 more — each in outline and duotone at three weights, with the code for React, Vue, Svelte, Flutter and more.

5 iconsOpen in browser
pane-bottompanel-bottom-closepanel-bottom-dashedpanel-bottom-opensidebar

The 5 drawer icons, described

Bottom panepane-bottom
Bottom pane — the console drawer under everything else in the layout.
Panel bottom closepanel-bottom-close
A window with a bar across the bottom and a chevron pointing down at it — collapse the bottom panel.
Panel bottom dashedpanel-bottom-dashed
A window with a dashed line across the bottom — where a drawer would go, not yet there.
Panel bottom openpanel-bottom-open
A window with a bar across the bottom and a chevron pointing up — open the bottom panel.
Sidebarsidebar
A sidebar — a column down one side of the screen for navigation or a drawer.

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

Tags these icons also carry

collapse14expand15hide10layout12optional6placeholder8show4

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