The Lucide separator vertical icon visually represents a thin vertical line, commonly used in user interfaces to divide content or elements.
Common uses
- Separating columns in a table or data grid.
- Dividing navigation links in a header.
- Creating visual breaks between form fields.
Use it in React
Install
npm i lucide-reactImport & render
import { SeparatorVertical } from 'lucide-react';
<SeparatorVertical size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- movesplitseparatorverticaldivider verticalvertical linebarsplitter
FAQ
- What is the purpose of the separator vertical icon?
- It's used to visually divide or group related elements on a user interface, providing structure and clarity.
- How do I use this icon in React?
- You can import it directly from the lucide-react library: import { SeparatorVertical } from 'lucide-react'.
- What is the license for this icon?
- The Lucide icon library, including the separator vertical 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 →