Add icons to this collection by clicking the heart icon.
Drop Down icon - also known as computer, monitor, web design, menu, and drop down. Created in a clean filled style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="682.66669"
height="682.66669"
viewBox="0 0 682.66669 682.66669"
>
<defs>
<clipPath clipPathUnits="userSpaceOnUse" id="clipPath8276">
<path d="M 0,512 H 512 V 0 H 0 Z" id="path8274" />
</clipPath>
<clipPath clipPathUnits="userSpaceOnUse" id="clipPath8300">
<path d="M 0,512 H 512 V 0 H 0 Z" id="path8298" />
</clipPath>
<clipPath clipPathUnits="userSpaceOnUse" id="clipPath8316">
<path d="M 0,512 H 512 V 0 H 0 Z" id="path8314" />
</clipPath>
<clipPath clipPathUnits="userSpaceOnUse" id="clipPath8330">
<path d="M 0,512 H 512 V 0 H 0 Z" id="path8328" />
</clipPath>
<clipPath clipPathUnits="userSpaceOnUse" id="clipPath8342">
<path d="M 0,512 H 512 V 0 H 0 Z" id="path8340" />
</clipPath>
<clipPath clipPathUnits="userSpaceOnUse" id="clipPath8370">
<path d="M 0,512 H 512 V 0 H 0 Z" id="path8368" />
</clipPath>
<clipPath clipPathUnits="userSpaceOnUse" id="clipPath8390">
<path d="M 0,512 H 512 V 0 H 0 Z" id="path8388" />
</clipPath>
</defs>
<mask id="custom">
<rect id="bg" x="0" y="0" width="100%" height="100%" fill="white" />
<g transform="matrix(1.3333333,0,0,-1.3333333,0,682.66667)">
<path
transform="matrix(1,0,0,1,-50.5605,432.3545)"
d="M 0,0 H -221.341 V -91.853 H 0 c 25.364,0 45.926,20.562 45.926,45.926 C 45.926,-20.562 25.364,0 0,0"
id="path8280"
fill="#ffffff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
transform="matrix(1,0,0,1,-50.5605,432.3545)"
d="M 0,0 H -221.341 V -91.853 H 0 c 25.364,0 45.926,20.562 45.926,45.926 C 45.926,-20.562 25.364,0 0,0 Z"
id="path8284"
fill="none"
stroke="#000000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
transform="matrix(1,0,0,1,-145.4082,-15.0117)"
d="m 0,0 c 77.747,0 140.773,63.026 140.773,140.773 0,77.748 -63.026,140.775 -140.773,140.775 -77.747,0 -140.773,-63.027 -140.773,-140.775 C -140.773,63.026 -77.747,0 0,0"
id="path8288"
fill="#ffffff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
transform="matrix(1,0,0,1,-145.4082,-15.0117)"
d="m 0,0 c 77.747,0 140.773,63.026 140.773,140.773 0,77.748 -63.026,140.775 -140.773,140.775 -77.747,0 -140.773,-63.027 -140.773,-140.775 C -140.773,63.026 -77.747,0 0,0 Z"
id="path8292"
fill="none"
stroke="#000000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
transform="matrix(1,0,0,1,319.3887,95.7451)"
d="m 0,0 h -126.777 l -30.002,-72.669 H 30.002 Z"
id="path8308"
fill="#ffffff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M 15,489.076 H 497 V 184.602 H 15 Z"
id="path8322"
fill="#ffffff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M 15,184.603 H 497 V 125.746 H 15 Z"
id="path8334"
fill="#ffffff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
transform="matrix(1,0,0,1,517,184.6025)"
d="M 0,0 H -522"
id="path8348"
fill="none"
stroke="#000000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
transform="matrix(1,0,0,1,517,95.6025)"
d="M 0,0 H -522"
id="path8352"
fill="none"
stroke="#000000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
transform="matrix(1,0,0,1,436.8506,453.8604)"
d="M 0,0 H -181"
id="path8356"
fill="none"
stroke="#000000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
transform="matrix(1,0,0,1,255.8506,393.8604)"
d="M 0,0 H 181"
id="path8360"
fill="none"
stroke="#000000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m 436.851,249.603 h -131 v 84.258 h 131 z"
id="path8362"
fill="none"
stroke="#000000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
transform="matrix(1,0,0,1,245.8506,514.0762)"
d="M 0,0 V -240.213 H -171 V 0"
id="path8374"
fill="none"
stroke="#000000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
transform="matrix(1,0,0,1,134.8506,333.8633)"
d="M 0,0 H 51"
id="path8378"
fill="none"
stroke="#000000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
transform="matrix(1,0,0,1,134.8506,393.8604)"
d="M 0,0 H 51"
id="path8382"
fill="none"
stroke="#000000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
transform="matrix(1,0,0,1,134.8506,453.8604)"
d="M 0,0 H 51"
id="path8394"
fill="none"
stroke="#000000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</mask>
<g mask="url(#custom)">
<g id="g8268" transform="matrix(1.3333333,0,0,-1.3333333,0,682.66667)">
<g id="g8270">
<g id="g8272" clip-path="url(#clipPath8276)">
<g id="g8278" transform="translate(-50.5605,432.3545)">
<path
d="M 0,0 H -221.341 V -91.853 H 0 c 25.364,0 45.926,20.562 45.926,45.926 C 45.926,-20.562 25.364,0 0,0"
id="path8280"
fill="#000000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g8282" transform="translate(-50.5605,432.3545)">
<path
d="M 0,0 H -221.341 V -91.853 H 0 c 25.364,0 45.926,20.562 45.926,45.926 C 45.926,-20.562 25.364,0 0,0 Z"
id="path8284"
fill="none"
stroke="#ffffff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g8286" transform="translate(-145.4082,-15.0117)">
<path
d="m 0,0 c 77.747,0 140.773,63.026 140.773,140.773 0,77.748 -63.026,140.775 -140.773,140.775 -77.747,0 -140.773,-63.027 -140.773,-140.775 C -140.773,63.026 -77.747,0 0,0"
id="path8288"
fill="#000000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g8290" transform="translate(-145.4082,-15.0117)">
<path
d="m 0,0 c 77.747,0 140.773,63.026 140.773,140.773 0,77.748 -63.026,140.775 -140.773,140.775 -77.747,0 -140.773,-63.027 -140.773,-140.775 C -140.773,63.026 -77.747,0 0,0 Z"
id="path8292"
fill="none"
stroke="#ffffff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</g>
</g>
<g id="g8294">
<g id="g8296" clip-path="url(#clipPath8300)">
<g id="g8302" transform="translate(133.2891,22.9238)">
<path
d="M 0,0 H 245.422"
id="path8304"
fill="none"
stroke="#000000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</g>
</g>
<g id="g8306" transform="translate(319.3887,95.7451)">
<path
d="m 0,0 h -126.777 l -30.002,-72.669 H 30.002 Z"
id="path8308"
fill="#000000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g8310">
<g id="g8312" clip-path="url(#clipPath8316)">
<g id="g8318" transform="translate(319.3887,95.7451)">
<path
d="m 0,0 h -126.777 l -30.002,-72.669 H 30.002 Z"
id="path8320"
fill="none"
stroke="#000000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</g>
</g>
<path
d="M 15,489.076 H 497 V 184.602 H 15 Z"
id="path8322"
fill="#000000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g id="g8324">
<g id="g8326" clip-path="url(#clipPath8330)">
<path
d="M 15,489.076 H 497 V 184.602 H 15 Z"
id="path8332"
fill="none"
stroke="#000000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</g>
<path
d="M 15,184.603 H 497 V 125.746 H 15 Z"
id="path8334"
fill="#000000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g id="g8336">
<g id="g8338" clip-path="url(#clipPath8342)">
<path
d="M 15,184.603 H 497 V 125.746 H 15 Z"
id="path8344"
fill="none"
stroke="#000000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<g id="g8346" transform="translate(517,184.6025)">
<path
d="M 0,0 H -522"
id="path8348"
fill="none"
stroke="#ffffff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g8350" transform="translate(517,95.6025)">
<path
d="M 0,0 H -522"
id="path8352"
fill="none"
stroke="#ffffff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g8354" transform="translate(436.8506,453.8604)">
<path
d="M 0,0 H -181"
id="path8356"
fill="none"
stroke="#ffffff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</g>
</g>
<g id="g8358" transform="translate(255.8506,393.8604)">
<path
d="M 0,0 H 181"
id="path8360"
fill="none"
stroke="#ffffff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="m 436.851,249.603 h -131 v 84.258 h 131 z"
id="path8362"
fill="none"
stroke="#ffffff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<g id="g8364">
<g id="g8366" clip-path="url(#clipPath8370)">
<g id="g8372" transform="translate(245.8506,514.0762)">
<path
d="M 0,0 V -240.213 H -171 V 0"
id="path8374"
fill="none"
stroke="#ffffff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</g>
</g>
<g id="g8376" transform="translate(134.8506,333.8633)">
<path
d="M 0,0 H 51"
id="path8378"
fill="none"
stroke="#ffffff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g8380" transform="translate(134.8506,393.8604)">
<path
d="M 0,0 H 51"
id="path8382"
fill="none"
stroke="#ffffff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g8384">
<g id="g8386" clip-path="url(#clipPath8390)">
<g id="g8392" transform="translate(134.8506,453.8604)">
<path
d="M 0,0 H 51"
id="path8394"
fill="none"
stroke="#ffffff"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</g>
</g>
</g>
</g>
</svg>
More icons in the same style and category