Square Chevron Up Pixel Art Icon
An upward chevron inside a square for collapse buttons, scroll-to-top controls, and upward navigation in boxy UI components.
Tags
squarechevroncaretarrowupupwardtopabove
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 Square Chevron Up icon
An upward chevron set within a square border, signaling that clicking will collapse an open section or navigate upward. Use it on card footers that fold away their expanded content, on 'back to top' controls in boxier layouts, or as the 'open' state indicator of a square-chevron accordion. It pairs with square-chevron-down to form a complete open/close toggle consistent with an angular design system.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/square-chevron-up.svg" width="24" height="24" alt="Square Chevron Up" />
<!-- React -->
import { SquareChevronUp } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="square-chevron-up.svg" width="48" height="48" style="image-rendering: pixelated" />