The Tabler drag drop icon visually represents the action of moving an item from one location to another, commonly used in interfaces to indicate reordering or transferring elements.
Common uses
- Reordering list items
- Moving files between folders
- Dragging elements in a visual editor
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconDragDrop } from '@tabler/icons-react';
<IconDragDrop size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Design
- Keywords
- locationgesturemovedragdropcreativeartisticvisualaestheticstyledesignreordertransfer
FAQ
- What does the drag drop icon represent?
- It signifies the user action of selecting an item and moving it to a new position within an interface.
- How do I use the drag drop icon in React?
- You can import it using `import { IconDragDrop } from '@tabler/icons-react'` and then use it as a React component.
- What is the license for the Tabler drag drop icon?
- The Tabler icon library, including the drag drop 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 →