Rectangle Pixel Art Icon
A rectangle shape icon for drawing tools, layout building blocks, UI wireframing, and basic shape libraries.
Style variants
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Rectangle icon
A plain four-sided shape with unequal width and height, the most fundamental element in UI layout and vector drawing. It appears in shape pickers, wireframing tools, and drawing canvases as the 'Rectangle' or 'Box' tool. Because it is so generic, it also doubles as a placeholder or content-block indicator in wireframes. When a square is specifically needed, the square icon communicates equal sides; reach for rectangle when the tool explicitly creates width-dominant or height-dominant boxes.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/rectangle.svg" width="24" height="24" alt="Rectangle" />
<!-- React -->
import { Rectangle } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="rectangle.svg" width="48" height="48" style="image-rendering: pixelated" />