The HugeIcons bounding box icon visually represents a defined area or selection, commonly used in UIs to indicate the boundaries of an object, a selected region, or an area for manipulation.
Common uses
- Selecting an area on a map
- Defining a cropping region
- Highlighting a selected element
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { BoundingBoxIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={BoundingBoxIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- selection boxarea indicatorframeboundary
FAQ
- What is the bounding box icon used for?
- It's used to show defined areas, selections, or boundaries of objects in a user interface.
- How do I use the BoundingBoxIcon in React?
- Import it as 'import { BoundingBoxIcon } from '@hugeicons/core-free-icons';' and render it using '<HugeiconsIcon icon={BoundingBoxIcon} />'.
- What is the license for this icon?
- The HugeIcons library, including the BoundingBoxIcon, 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 →