panel-top-bottom-dashed
Panel Top Bottom Dashed icon · Lucide · <PanelTopBottomDashed />
panel-top-bottom-dashedLucide tags panel-top-bottom-dashed with bleed, primary and padding. It's in Lucide's Layout category; similar icons include Panel Top Dashed, Panel Bottom Dashed and Panel Left Dashed.
24 px, stroke 2
panel-top-bottom-dashed.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 Top Bottom Dashed icon in React
npm install lucide-react
import { PanelTopBottomDashed } from "lucide-react";
export function Example() {
return <PanelTopBottomDashed />;
}
Details
| Name | panel-top-bottom-dashed |
|---|---|
| Component | PanelTopBottomDashed (also PanelTopBottomDashedIcon, LucidePanelTopBottomDashed) |
| Category | Layout |
| Icon font | icon-panel-top-bottom-dashed, U+E693 |
| CSS content | "\e693" |
| File | lucide-static/icons/panel-top-bottom-dashed.svg |
| Grid and stroke | 24 × 24, 2 px stroke, round caps and joins |
| License | ISC License (© Lucide Icons and Contributors) |