Up Down Arrows color filled icon
Two linked zigzag arrows, one pointing up and the other pointing down
Related tags
About the Up Down Arrows color filled icon
Two slim arrows share a single stepped shaft: the left one rises to a sharp point at the top, the right one drops to a point at the bottom, and an S-shaped bend joins them in the middle. The result reads as two-way movement, upload and download, increase and decrease, or reordering. Works in sort controls, data transfer screens, network traffic dashboards, elevator and stair wayfinding, and swap or exchange buttons.
The tall narrow silhouette is built from one continuous outline of even weight, with long triangular heads that make direction obvious at a glance and the crossover step giving it a lightning-bolt rhythm. It pairs naturally with single arrow, refresh and sync icons. Keep it in a vertical slot rather than a square one so the proportions are not squashed.
This is the colour filled version of the up down arrows icon: a flat, solid-colour shape that stands out in dashboards, marketing pages and app tiles where the icon needs to carry colour meaning.
Get it free as an SVG vector or transparent PNG (16-512px), copy the SVG code, or restyle it in the free online editor — recolor any part, add gold, neon or gradient effects, animate it, or export EPS, PDF and DXF.
Free for personal and commercial use with attribution.
