The Lucide grip vertical icon depicts a series of horizontal lines stacked vertically, commonly used to indicate a draggable or movable element, such as a list item or a window.
Common uses
- Reordering list items
- Resizing panels
- Dragging elements
Use it in React
Install
npm i lucide-reactImport & render
import { GripVertical } from 'lucide-react';
<GripVertical size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- grabdotshandlemovedraggripverticaldrag handlemove iconreorder icongrab handle
FAQ
- What is the grip vertical icon used for?
- It signifies an element that can be grabbed, moved, or reordered by the user, like in a drag-and-drop interface.
- How do I use the grip vertical icon in React?
- Import it from 'lucide-react' and use it as a component: import { GripVertical } from 'lucide-react'.
- What is the license for the grip vertical icon?
- The Lucide icon library, including the grip 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 →