The Phosphor hand tap icon visually represents a finger making contact with a surface, commonly used to indicate an action like selecting, activating, or confirming an item on a screen.
Common uses
- Button press confirmation
- Interactive element selection
- Tutorial step for tapping
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { HandTap } from '@phosphor-icons/react';
<HandTap size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<HandTap size={24} />thin
<HandTap size={24} weight="thin" />light
<HandTap size={24} weight="light" />bold
<HandTap size={24} weight="bold" />fill
<HandTap size={24} weight="fill" />duotone
<HandTap size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- people
- Keywords
- pointerscursorsgesturepeoplesystemhandtapfinger tapclick iconpointer gesturetouch icon
FAQ
- What does the hand tap icon signify?
- It signifies a user's interaction with an interface element, typically a tap or click action to select or activate something.
- How do I use the hand tap icon in React?
- You can import and use it directly in your React components like this: import { HandTap } from '@phosphor-icons/react'.
- What is the license for the Phosphor hand tap icon?
- The Phosphor icon library, including the hand tap 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 →