The Lucide braces icon depicts curly brackets, commonly used to represent code blocks, JSON objects, or data structures in UI elements.
Common uses
- Code editor syntax highlighting
- JSON data display
- API request/response examples
Use it in React
Install
npm i lucide-reactImport & render
import { Braces } from 'lucide-react';
<Braces size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- jsoncodetokencurly bracketsdata{}bracescode blockdata structure
FAQ
- What does the braces icon represent?
- It represents curly brackets, often used for code, JSON, or data structures.
- How do I use the braces icon in React?
- Import it as `Braces` from 'lucide-react' and use it in your JSX: `<Braces />`.
- What is the license for this icon?
- The Lucide icon library, including the braces icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.
Looking for something else? Search Lucide 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 →