The Phosphor brackets square icon depicts square brackets, commonly used in programming to denote arrays, objects, or code blocks, and is often used in UI to represent code editing or development-related features.
Common uses
- Code editor toolbar button
- Array or object data type indicator
- Development settings menu item
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { BracketsSquare } from '@phosphor-icons/react';
<BracketsSquare size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<BracketsSquare size={24} />thin
<BracketsSquare size={24} weight="thin" />light
<BracketsSquare size={24} weight="light" />bold
<BracketsSquare size={24} weight="bold" />fill
<BracketsSquare size={24} weight="fill" />duotone
<BracketsSquare size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- technology & development
- Keywords
- codesquare bracketssquare bracesarraytechnology & developmenteditorbracketssquarecode bracketsarray bracketscode editor
FAQ
- What does the brackets square icon represent?
- It represents square brackets, which are fundamental syntax elements in many programming languages, often used for arrays, object properties, or code blocks.
- How do I use the brackets square icon in React?
- You can import and use it in React with: import { BracketsSquare } from '@phosphor-icons/react'.
- What is the license for this icon?
- The Phosphor icon library, including the brackets square icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor 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 →