The HugeIcons border full icon visually represents a bounding box or frame encompassing an entire area, commonly used to indicate a selected item, a full-screen view, or a defined boundary.
Common uses
- Selecting an element in a design tool
- Toggling full-screen mode for content
- Indicating the active or focused area
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { BorderFullIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={BorderFullIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- bounding boxframefull screencontainer
FAQ
- What does the border full icon represent?
- This icon depicts a complete border or frame around an area. It's often used to signify selection, focus, or a contained boundary within a user interface.
- How do I use the BorderFullIcon in React?
- Import both HugeiconsIcon and BorderFullIcon from their respective packages and render it using the <HugeiconsIcon icon={BorderFullIcon} /> component.
- What is the license for this icon?
- The BorderFullIcon 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 →