The Tabler brackets icon visually represents grouping or enclosing elements, commonly used in UIs to denote sections for input, configuration options, or mathematical expressions.
Common uses
- Enclosing code snippets or configuration parameters.
- Indicating a section for mathematical formulas or equations.
- Grouping related input fields or options.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconBrackets } from '@tabler/icons-react';
<IconBrackets size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Math
- Keywords
- punctuationadditionalinformationbracketscalculationequationmathematicsnumericformulamathgroupingparenthesesenclosuremath grouping
FAQ
- What does the brackets icon represent?
- It represents grouping or enclosing elements, often used for mathematical notation or to delineate specific sections in a UI.
- How do I use the brackets icon in React?
- You can import and use it like this: `import { IconBrackets } from '@tabler/icons-react'`. Then render it as `<IconBrackets />`.
- What is the license for the Tabler brackets icon?
- The Tabler icons, including the brackets icon, are 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 →