Blue clay sort icon with up and down arrows
A blue up arrow and a blue down arrow with an ivory bar beside each, a puffy clay sort order icon on a transparent background.
Sort in cobalt blue and ivory clay, for task management and productivity tools. Transparent PNG and WebP, ready for layouts and presentations.
Native image + HTML + React + CSS. Self-host without external image URLs.
Aspect ratio preserved. No upscaling. Respects reduced motion. Raster images, not SVG.
Two arrows sit in a staggered layout. A cobalt blue arrow points up at the upper left with a short ivory bar to its right, and a blue arrow points down at the lower right with a matching ivory bar to its left. The arrow shafts are stubby, the heads are rounded triangles, and the ivory bars float like small clay pills.
It belongs next to the filter and the magnifier in a table header, and next to the checklist when tasks can be reordered. Download the sort as a 210×221 px PNG or WebP; the cutout is transparent, so it sits on any color without a box.
Where it works well
- A column header sort toggle in a pricing or data table
- A "newest first" dropdown in a blog archive
- A drag-to-reorder hint in a task board column
Free use
Free to download, modify, share and use in personal or commercial projects. Attribution is appreciated, not required. AI-generated assets are provided without exclusivity or warranty. This permission applies to the downloadable assets, not the entire Chatcument codebase.
More from this collection
CheckmarkChecklistTargetFlagHourglassTimerRocketLightbulbPuzzleGearMagnifierFilter