Pixelarticons

Brackets Pixel Art Icon

Square-bracket icons for arrays, list data types, code indexing notation, and array-format toggles 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 Brackets icon

A pair of square brackets, the syntax token for arrays in JSON, JavaScript, Python, and most modern languages. Use it to label array-type fields in schema editors, format selectors that output lists, or array-index notation hints in code documentation. It pairs with the braces icon for object types to give developers a quick visual vocabulary for data shapes. For HTML or XML angle-bracket tags, the brackets-angle icon is more precise; plain brackets are most conventional for array and list types.

Usage

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

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

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

Related icons