Pixelarticons

Braces Content Pixel Art Icon

Curly braces with content inside for populated JSON objects, active template expressions, and filled code-block indicators.

development Free 2 variants

Tags

bracescontent

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 Content icon

Curly braces enclosing a dot, line, or content element, showing that the object or expression has data inside it. It distinguishes a non-empty object from an empty one and suits JSON viewers that use icon states to signal populated versus empty nodes. In template engines it can represent an active variable placeholder (like {{variable}}). For a braces icon that signals 'no content' or 'disabled,' braces-off is the natural counterpart; braces-content signals an active, populated state.

Usage

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

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

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

Related icons