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
DownloadSvg 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
DownloadSvg 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
DownloadSvg 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
DownloadSvg 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
DownloadSvg 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.
Tags
pull down,submenu,picklist,menubar,drop-down,sub-menu,scroll-down,menu,null
Advertisements
Advertisements