panel-left
Panel Left icon · Lucide · <PanelLeft />
panel-leftLucide tags panel-left with primary and drawer. It was previously named sidebar, which still works as an alias. The matching icon is Panel Left in Microsoft's Fluent icons.
24 px, stroke 2
panel-left.svg
Size, stroke and code
Lucide icons are drawn on a 24 px grid with a 2 px stroke. Pick a size and stroke width to preview them; the downloads and the code below follow your choice.
Stroke width
Size
Panel Left icon in React
npm install lucide-react
import { PanelLeft } from "lucide-react";
export function Example() {
return <PanelLeft />;
}
Details
| Name | panel-left |
|---|---|
| Component | PanelLeft (also PanelLeftIcon, LucidePanelLeft) |
| Old names | sidebar (still work as aliases) |
| Category | Layout |
| Icon font | icon-panel-left, U+E12A |
| CSS content | "\e12a" |
| File | lucide-static/icons/panel-left.svg |
| Grid and stroke | 24 × 24, 2 px stroke, round caps and joins |
| License | ISC License (© Lucide Icons and Contributors) |
Tags
Also in Fluent
Panel LeftMicrosoft's version of this icon, on Fluenticons