The Lucide square split vertical icon depicts a square divided into two equal vertical panes, commonly used to represent layouts with side-by-side content or split-screen functionality.
Common uses
- Two-column layout selector
- Split view mode toggle
- Vertical content arrangement
Use it in React
Install
npm i lucide-reactImport & render
import { SquareSplitVertical } from 'lucide-react';
<SquareSplitVertical size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- splitdividesquareverticalvertical splittwo panesplit screendivide vertical
FAQ
- What does the square split vertical icon represent?
- It represents a square divided vertically into two sections, often used for UI elements that manage side-by-side content or split views.
- How do I use this icon in React?
- You can import and use it in React with: import { SquareSplitVertical } from 'lucide-react'
- What is the license for this icon?
- The Lucide icon library, including this icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.
Looking for something else? Search Lucide and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →