The Lucide square split horizontal icon depicts a square divided into two equal horizontal rectangles, commonly used to represent actions like splitting content, dividing a view, or indicating a horizontal layout.
Common uses
- Splitting a document view horizontally
- Dividing a screen into top and bottom panes
- Indicating a horizontal layout option
Use it in React
Install
npm i lucide-reactImport & render
import { SquareSplitHorizontal } from 'lucide-react';
<SquareSplitHorizontal size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- splitdividesquarehorizontalhorizontal splitdivide horizontalsplit view horizontaltwo rows
FAQ
- What does the square split horizontal icon represent?
- It visually represents a division or split along a horizontal axis, often used for UI elements that divide content or screen space.
- How do I use this icon in React?
- You can import and use it in React with: import { SquareSplitHorizontal } 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 →