The Tabler grip horizontal icon depicts a series of horizontal dots, commonly used to indicate a draggable element or a handle for reordering items.
Common uses
- Drag and drop handles
- Reorder list items
- Expand/collapse sections
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconGripHorizontal } from '@tabler/icons-react';
<IconGripHorizontal size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- System
- Keywords
- pictureabstractdesignacrossdotsdraggriphorizontalcontroloperationsystemdrag handlemove iconreorder dotsgrab icon
FAQ
- What is the grip horizontal icon used for?
- It's typically used to signify draggable areas or controls for manipulating UI elements like lists or panels.
- How do I use the grip horizontal icon in React?
- You can import it directly from the '@tabler/icons-react' library using: `import { IconGripHorizontal } from '@tabler/icons-react'`.
- What is the license for the Tabler grip horizontal icon?
- The Tabler icon library, including the grip horizontal icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler 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 →