Drop Down List Icon SVG

Drop Down SVG Icons refers to a graphical control element, similar to a list box, that allows the user to select a value from the list. When a dropdown list is inactive, it displays a single value. When enabled, displays a list of values from which the user can select one.

Drop down list SVG Icon Code | Customize color

You can get svg icon drop down list in blue, white, red color and transparent color from below list. You can also customize color using color picker.

Drop down list

Download

Svg Code

<?xml version="1.0" encoding="UTF-8"?><svg width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path d="M40 28L24 40L8 28" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M8 10H40" stroke="#333" stroke-width="1" stroke-linecap="round"/><path d="M8 18H40" stroke="#333" stroke-width="1" stroke-linecap="round"/></svg>

Drop down list

Download

Svg Code

<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: white" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"></rect><path d="M40 28L24 40L8 28" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M8 10H40" stroke="#333" stroke-width="1" stroke-linecap="round" fill="white"></path><path d="M8 18H40" stroke="#333" stroke-width="1" stroke-linecap="round" fill="white"></path></svg>

Drop down list

Download

Svg Code

<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: red" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"></rect><path d="M40 28L24 40L8 28" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M8 10H40" stroke="#333" stroke-width="1" stroke-linecap="round" fill="red"></path><path d="M8 18H40" stroke="#333" stroke-width="1" stroke-linecap="round" fill="red"></path></svg>

Drop down list

Download

Svg Code

<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: blue" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"></rect><path d="M40 28L24 40L8 28" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M8 10H40" stroke="#333" stroke-width="1" stroke-linecap="round" fill="blue"></path><path d="M8 18H40" stroke="#333" stroke-width="1" stroke-linecap="round" fill="blue"></path></svg>

Drop down list

Download

Svg Code

<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: #f3da35" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"></rect><path d="M40 28L24 40L8 28" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M8 10H40" stroke="#333" stroke-width="1" stroke-linecap="round" fill="#f3da35"></path><path d="M8 18H40" stroke="#333" stroke-width="1" stroke-linecap="round" fill="#f3da35"></path></svg>


Advance Editor

You can edit drop down list as below. Change size color and background color of icon using below tool.

fontawesomeicons.com
Size
Stroke

Size
Stroke
tab 2 content
Tab 3 content



Tags

pull down,submenu,picklist,menubar,drop-down,sub-menu,scroll-down,menu,null



Advertisements





Advertisements

You may like these icons


Looking For More Icons?