Skip to content
IconMind

Panel icons

4 icons carry the tag panel, all in Interface. Bottom sheet, Dock left, Dock right and 1 more — each in outline and duotone at three weights, with the code for React, Vue, Svelte, Flutter and more.

4 iconsOpen in browser
bottom-sheetdock-leftdock-rightpopover

The 4 panel icons, described

Bottom sheetbottom-sheet
A panel rising from the foot of the screen with a drag handle — a mobile bottom sheet.
Dock leftdock-left
A window with an arrow pointing at its left panel — dock a view to the left edge.
Dock rightdock-right
A window with an arrow pointing at its right panel — dock a view to the right edge.
Popoverpopover
A panel with a pointer on top and content inside — a popover anchored to a control.

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

Tags these icons also carry

left9mobile6right6sheet6

Every panel icon, free to ship

4 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