List Dropdown Triangle color filled icon

SaveList Dropdown Triangle color filled icon
ColorMulticolor icon — use the Edit button on the preview to recolor
Outline
List Dropdown Triangle Black Outline icon
Filled
List Dropdown Triangle Black Filled icon
Color outline
List Dropdown Triangle Color Outline icon
Color filled

Outline of two stacked list rows above a downward triangle inside a circle

✨ Ready styles — click one to customize it in the Advanced editor

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.

Icons with the same concept