The Lucide mouse pointer click icon visually represents the action of selecting or activating an element, commonly used to indicate clickable areas or confirm a selection in user interfaces.
Common uses
- Button click states
- Link activation
- Form submission confirmation
Use it in React
Install
npm i lucide-reactImport & render
import { MousePointerClick } from 'lucide-react';
<MousePointerClick size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- clickselectmousepointercursor clickmouse selectactivate
FAQ
- What does the mouse pointer click icon represent?
- It signifies a user's action of clicking or selecting an item, often used for interactive elements.
- How do I use this icon in React?
- Import it from 'lucide-react' like so: import { MousePointerClick } from 'lucide-react'. Then use it as a component: <MousePointerClick />.
- What is the license for this icon?
- The Lucide icon library, including this icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.
Looking for something else? Search Lucide 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 →