List Dropdown Triangle color filled icon
Outline of two stacked list rows above a downward triangle inside a circle
About the List Dropdown Triangle color filled icon
Inside a thin circular frame, two equal rectangular bars sit one above the other with a hollow triangle pointing down beneath them, the standard cue for a list that expands on click. It suits select fields and form controls, filter and sort panels, navigation menus in web apps, settings screens, and design system documentation where expandable rows need a compact marker.
The two bars share identical width and spacing, and the triangle repeats their width so the stack reads as one column. The circle gives it the same footprint as other framed UI controls in the library, including sort and filter icons. At 16 px keep the stroke at one pixel or the triangle will fill in.
This is the colour filled version of the list dropdown triangle icon: a flat, solid-colour shape that stands out in dashboards, marketing pages and app tiles where the icon needs to carry colour meaning.
Download it free as a scalable SVG vector or transparent-background PNG in seven sizes (16 to 512px), copy the SVG code straight into your project, or open it in the free online editor to change colors, apply gold, silver, neon and gradient styles, animate it, or convert it to EPS, PDF and DXF.
Free for personal and commercial use with attribution.





















