The Phosphor cursor icon depicts a standard computer mouse pointer, commonly used to indicate selectable elements or the active point of interaction within a user interface.
Common uses
- Indicate clickable buttons or links.
- Show the active selection area.
- Represent a mouse or pointer functionality.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Cursor } from '@phosphor-icons/react';
<Cursor size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Cursor size={24} />thin
<Cursor size={24} weight="thin" />light
<Cursor size={24} weight="light" />bold
<Cursor size={24} weight="bold" />fill
<Cursor size={24} weight="fill" />duotone
<Cursor size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- design
- Keywords
- pointerarrowheadmouseclickdesignsystemcursor
FAQ
- What is the Phosphor cursor icon used for?
- It visually represents a mouse pointer, typically used to signify interactive elements or the current point of user interaction in a UI.
- How do I use the cursor icon in React?
- You can import and use it like this: import { Cursor } from '@phosphor-icons/react'. Then render it as <Cursor size={24} />.
- What is the license for the Phosphor cursor icon?
- The Phosphor icon library, including the cursor 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 →