The Tabler border corner square icon visually represents a square shape with defined corners, often used to indicate boundaries, framing, or specific areas within a user interface.
Common uses
- Highlighting selected elements
- Indicating active borders or frames
- Representing a container or box
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconBorderCornerSquare } from '@tabler/icons-react';
<IconBorderCornerSquare size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Design
- Keywords
- blockyquadrilateralsharpcorneredrectangularanglededgeboxygeometry90degreedesignbordercornersquaresquare bordercorner frame
FAQ
- What is the border corner square icon used for?
- It's typically used to signify borders, framing, or to visually delineate specific areas or selected elements in a UI.
- How do I use this icon in React?
- You can import and use it like this: import { IconBorderCornerSquare } from '@tabler/icons-react'; <IconBorderCornerSquare />
- What is the license for this icon?
- The Tabler icon library, including this icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler 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 →