Expand Pixel Art Icon
An expand icon for fullscreen toggles, enlarging panels, opening collapsed sections, and maximizing content areas.
Tags
expanddirectionpointernavigation
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" />