The Phosphor cursor click icon visually represents a user's action of selecting or activating an element, commonly used to indicate clickable areas or confirm an action.
Common uses
- Button hover state
- Link activation
- Form submission confirmation
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { CursorClick } from '@phosphor-icons/react';
<CursorClick size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<CursorClick size={24} />thin
<CursorClick size={24} weight="thin" />light
<CursorClick size={24} weight="light" />bold
<CursorClick size={24} weight="bold" />fill
<CursorClick size={24} weight="fill" />duotone
<CursorClick size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- design
- Keywords
- pointerarrowheadmousedesignsystemcursorclickselect
FAQ
- What does the cursor click icon represent?
- It signifies a user's intent to interact with an element, like clicking a button or selecting an item.
- How do I use the cursor click icon in React?
- Import it as CursorClick from '@phosphor-icons/react' and use it as a component: <CursorClick />.
- What is the license for this icon?
- The Phosphor icon library, including this 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 →