The HugeIcons drag drop icon visually represents the action of moving an item from one location to another, commonly used in interfaces for reordering, transferring, or selecting elements.
Common uses
- Reordering list items
- Moving files between folders
- Selecting and dragging elements onto a target area
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { DragDropIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={DragDropIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- movetransferreordergrab
FAQ
- What is the drag drop icon used for?
- It signifies the action of moving an item by clicking and holding it, then releasing it in a new position. This is common for reordering or transferring elements within an interface.
- How do I use the DragDropIcon in React?
- Import both HugeiconsIcon and DragDropIcon, then render it using <HugeiconsIcon icon={DragDropIcon} />. Ensure you have '@hugeicons/react' and '@hugeicons/core-free-icons' installed.
- What is the license for this icon?
- The DragDropIcon is part of the HugeIcons library and is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in HugeIcons.
Looking for something else? Search HugeIcons 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 →