Toy Brick Pixel Art Icon
A Lego-style brick icon for builder tools, block-based editors, modular systems, and child-friendly design features.
Tags
toybrick
Style variants
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Toy Brick icon
A rectangular building brick with studs on top, evoking Lego and block-based construction. Use it on a 'Block editor' toggle in a CMS, a 'Build your own' configuration flow, a children's educational app section, or a modular component picker in a design tool. Its associations with play, creativity, and assembly make it versatile across education, game-building, and visual programming contexts. For code-block editors without a playful tone, a code or brackets icon keeps the professional register.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/toy-brick.svg" width="24" height="24" alt="Toy Brick" />
<!-- React -->
import { ToyBrick } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="toy-brick.svg" width="48" height="48" style="image-rendering: pixelated" />