Square Chevron Down Pixel Art Icon
A downward chevron inside a square for dropdown triggers, collapsible section buttons, and expand controls with a boxy style.
Tags
squarechevroncaretarrowdowndownwardbottombelow
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 Down icon
A downward-pointing chevron enclosed in a square frame, adding more visual weight than a bare chevron. Use it as a dropdown trigger when the design calls for a boxy button aesthetic, on collapsible section headers in a card-based layout, or as an expand affordance within a contained widget. It sits between the light bare chevron-down and the rounder circle-chevron-down in visual prominence, making it a good fit for angular, grid-based design systems.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/square-chevron-down.svg" width="24" height="24" alt="Square Chevron Down" />
<!-- React -->
import { SquareChevronDown } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="square-chevron-down.svg" width="48" height="48" style="image-rendering: pixelated" />