The Lucide square dashed mouse pointer icon visually represents an element being selected or targeted, often used to indicate an inspection or selection mode within a user interface.
Common uses
- UI element inspector tool
- Selection mode indicator
- Targeting or focus state
Use it in React
Install
npm i lucide-reactImport & render
import { SquareDashedMousePointer } from 'lucide-react';
<SquareDashedMousePointer size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- inspectorelementmouseclickpointerboxbrowserselectortargetdomnodesquaredashedelement picker
FAQ
- What is this icon typically used for?
- It's commonly used to signify an action related to selecting, inspecting, or targeting a specific UI element or area.
- How do I use this icon in React?
- You can import and use it like this: `import { SquareDashedMousePointer } from 'lucide-react'`. Then render it as a component: `<SquareDashedMousePointer />`.
- 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 →