columns-3
Columns 3 icon · Lucide · <Columns3 />
columns-3Lucide tags columns-3 with thirds, sidebars and gutters. It was previously named panels-left-right, which still works as an alias.
24 px, stroke 2
columns-3.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
Columns 3 icon in React
npm install lucide-react
import { Columns3 } from "lucide-react";
export function Example() {
return <Columns3 />;
}
Details
| Name | columns-3 |
|---|---|
| Component | Columns3 (also Columns3Icon, LucideColumns3) |
| Old names | panels-left-right (still work as aliases) |
| Categories | Layout, Design, Text formatting |
| Icon font | icon-columns-3, U+E099 |
| CSS content | "\e099" |
| File | lucide-static/icons/columns-3.svg |
| Grid and stroke | 24 × 24, 2 px stroke, round caps and joins |
| License | ISC License (© Lucide Icons and Contributors) |