Pixelarticons

Brackets Content Pixel Art Icon

Square brackets with content for non-empty arrays, populated list fields, and active index notation in code tools.

development Free 2 variants

Tags

bracketscontent

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

Square brackets containing a dot or element, distinguishing a populated array from an empty one. Schema editors and API documentation tools use differing bracket states to indicate field population. This filled variant signals that the array or list has at least one item. For an empty array state, the plain brackets icon (without content) serves as the counterpart. In code completion hints it can represent a filled array literal, helping developers visually scan between empty and non-empty collection types.

Usage

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

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

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

Related icons