The Phosphor brackets angle icon depicts angle brackets, commonly used to represent code snippets, tags, or generic programming elements in user interfaces.
Common uses
- Indicating code blocks or syntax
- Representing generic programming concepts
- Labeling settings related to code editors
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { BracketsAngle } from '@phosphor-icons/react';
<BracketsAngle size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<BracketsAngle size={24} />thin
<BracketsAngle size={24} weight="thin" />light
<BracketsAngle size={24} weight="light" />bold
<BracketsAngle size={24} weight="bold" />fill
<BracketsAngle size={24} weight="fill" />duotone
<BracketsAngle size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- technology & development
- Keywords
- codeangle bracketsangle bracestechnology & developmenteditorbracketsanglecode tagsless than greater thansyntax
FAQ
- What does the brackets angle icon represent?
- It represents angle brackets, often used in programming to denote code, tags, or specific syntax elements.
- How do I use this icon in React?
- You can import and use it like this: import { BracketsAngle } from '@phosphor-icons/react'. Then render it as <BracketsAngle />.
- What is the license for this icon?
- The Phosphor icon library, including this 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 →