Expand Pixel Art Icon
An expand icon for fullscreen toggles, enlarging panels, opening collapsed sections, and maximizing content areas.
Style variants
base
Outline ยท rounded corners
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Expand icon
Outward-pointing arrows or corner indicators that signal 'make this larger.' Fullscreen buttons, expandable card footers, and panel maximize controls all use this shape. It is the standard affordance for entering a focused or zoomed view of content. The collapse icon is its direct counterpart and should always be available to exit the expanded state. When scaling proportionally matters, arrows-scale is a close alternative with a slightly different visual connotation.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/expand.svg" width="24" height="24" alt="Expand" />
<!-- React -->
import { Expand } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="expand.svg" width="48" height="48" style="image-rendering: pixelated" />