The HugeIcons mouse pointer off icon visually represents a disabled or inactive cursor, often used to indicate that an action is unavailable or that the user is not currently in an interactive mode.
Common uses
- Disabling a button or link
- Showing a read-only state
- Indicating a non-interactive element
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { MousePointerOffIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={MousePointerOffIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- disabled cursorinactive pointerno cursoroff cursor
FAQ
- What does the mouse pointer off icon signify?
- This icon signifies a disabled or inactive cursor. It's typically used to show that an action cannot be performed or that an element is not currently interactive.
- How do I use the MousePointerOffIcon in React?
- Import both HugeiconsIcon and MousePointerOffIcon, then render the icon using the HugeiconsIcon component with the icon prop: <HugeiconsIcon icon={MousePointerOffIcon} />.
- What is the license for this icon?
- The MousePointerOffIcon is part of the HugeIcons library and is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in HugeIcons.
Looking for something else? Search HugeIcons 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 →