The Phosphor hand grabbing icon visually represents an action of grasping or holding, commonly used to indicate drag-and-drop functionality or a selected state.
Common uses
- Drag handle for reordering list items
- Indicate an item is being actively dragged
- Button to initiate a grab or hold action
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { HandGrabbing } from '@phosphor-icons/react';
<HandGrabbing size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<HandGrabbing size={24} />thin
<HandGrabbing size={24} weight="thin" />light
<HandGrabbing size={24} weight="light" />bold
<HandGrabbing size={24} weight="bold" />fill
<HandGrabbing size={24} weight="fill" />duotone
<HandGrabbing size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- system
- Keywords
- pointerscursorsemojidragholdsystempeoplehandgrabbinggrabgraspdrag iconpointer
FAQ
- What is the hand grabbing icon used for?
- It's typically used to signify actions like dragging, holding, or grabbing an element in a user interface.
- How do I use the hand grabbing icon in React?
- You can import and use it directly from the Phosphor React library with: `import { HandGrabbing } from '@phosphor-icons/react'`.
- What is the license for the Phosphor hand grabbing icon?
- The Phosphor icon library, including the hand grabbing icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor 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 →