What is the columns 4 icon used for?

It's typically used to signify layouts with four equal columns or sections, like a four-column grid or a multi-panel interface.

How do I use the columns 4 icon in React?

You can import and use it like this: import { Columns4 } from 'lucide-react'

The Lucide icon library, including the columns 4 icon, is available under the ISC license.

Lucide · columns-4 · ISC

The Lucide columns 4 icon depicts four vertical bars of equal width, often used to represent a layout with multiple equal-width columns or sections.

Install

npm i lucide-react

Import & render

import { Columns4 } from 'lucide-react';

<Columns4 size={24} />

Library: Lucide (1,713 icons)
License: ISC
viewBox: 0 0 24 24
Keywords: lineslistqueuepreviewparallelseriessplitverticalhorizontalthirdstriplecentermiddlealignmentevensidebars

What is the columns 4 icon used for?: It's typically used to signify layouts with four equal columns or sections, like a four-column grid or a multi-panel interface.
How do I use the columns 4 icon in React?: You can import and use it like this: import { Columns4 } from 'lucide-react'
What is the license for the Lucide columns 4 icon?: The Lucide icon library, including the columns 4 icon, is available under the ISC license.

The same idea in other libraries, and near matches in Lucide.

The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →