Select Box Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Select Box icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/310953.svg" alt="Select Box icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310953.svg" alt="Select Box icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310953.svg" alt="Select Box icon" :width="24" :height="24" />
CSS background
.icon-select-box {
background-image: url('https://proicons.com/icon/310953.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M2.75 6.86111C2.75 3.45917 3.45917 2.75 6.86111 2.75" stroke="black" stroke-width="1.5" stroke-linecap="round"/> <path d="M2.75 14.0556V9.94446" stroke="black" stroke-width="1.5" stroke-linecap="round"/> <path d="M6.86111 21.25C3.45917 21.25 2.75 20.5408 2.75 17.1389" stroke="black" stroke-width="1.5" stroke-linecap="round"/> <path d="M14.0556 21.25H9.94444" stroke="black" stroke-width="1.5" stroke-linecap="round"/> <path d="M21.25 17.1389C21.25 20.5408 20.5408 21.25 17.1389 21.25" stroke="black" stroke-width="1.5" stroke-linecap="round"/> <path d="M21.25 9.94446V14.0556" stroke="black" stroke-width="1.5" stroke-linecap="round"/> <path d="M17.1389 2.75C20.5408 2.75 21.25 3.45917 21.25 6.86111" stroke="black" stroke-width="1.5" stroke-linecap="round"/> <path d="M9.94444 2.75H14.0556" stroke="black" stroke-width="1.5" stroke-linecap="round"/> </svg>
Copied!