The HugeIcons cursor rectangle selection 01 icon depicts a cursor hovering over a rectangular selection area, commonly used to indicate the action of selecting a block of content or defining a region.
Common uses
- Highlighting selected text or data.
- Indicating a drag-to-select functionality.
- Representing a bounding box or selection tool.
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { CursorRectangleSelection01Icon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={CursorRectangleSelection01Icon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- selection toolbounding boxarea selectmarquee tool
FAQ
- What does the cursor rectangle selection 01 icon represent?
- This icon represents a cursor interacting with a rectangular selection, often used for selecting multiple items or defining an area.
- How do I use this icon in React?
- Import the icon and use it like this: import { HugeiconsIcon } from '@hugeicons/react'; import { CursorRectangleSelection01Icon } from '@hugeicons/core-free-icons'; then render <HugeiconsIcon icon={CursorRectangleSelection01Icon} />.
- What is the license for this icon?
- This icon is distributed under the MIT license, allowing for free use in both personal and commercial projects.
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 →