Pixelarticons

Braces Pixel Art Icon

Curly-brace icons for JSON data, JavaScript objects, code editor badges, and template-syntax indicators in developer tools.

development Free 2 variants

Style variants

base

Outline · rounded corners

sharp

Outline · sharp corners

Base, sharp, solid or glyph: see how the four styles differ and which to use.

About the Braces icon

A pair of curly braces, the syntactic container for objects in JSON, JavaScript, and many other languages. Developer tools use it to label JSON format selectors, object-type badges in schema editors, and code-block toggles. It is also a common avatar for a 'Code' or 'Developer mode' section in no-code tools. For array or list contexts, square brackets (the brackets icon) are more accurate; braces specifically signal key-value objects or template expression syntax.

Usage

<!-- HTML -->
<img src="pixelarticons/svg/braces.svg" width="24" height="24" alt="Braces" />

<!-- React -->
import { Braces } from 'pixelarticons/react'

<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="braces.svg" width="48" height="48" style="image-rendering: pixelated" />

Related icons