Select Product Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
The Select Product 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/320680.svg" alt="Select Product icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/320680.svg" alt="Select Product icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/320680.svg" alt="Select Product icon" :width="24" :height="24" />
CSS background
.icon-select-product {
background-image: url('https://proicons.com/icon/320680.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve"> <path id="select--product_1_" d="M23,10.509l-2.255-2.255l0.51-0.509L23,9.491l3.745-3.745l0.51,0.509L23,10.509z M30.36,30V18 c0-0.199-0.161-0.36-0.36-0.36H18c-0.199,0-0.36,0.161-0.36,0.36v12c0,0.199,0.161,0.36,0.36,0.36h12 C30.199,30.36,30.36,30.199,30.36,30z M18.36,18.36h11.28v11.28H18.36V18.36z M14.36,30V18c0-0.199-0.161-0.36-0.36-0.36H2 c-0.199,0-0.36,0.161-0.36,0.36v12c0,0.199,0.161,0.36,0.36,0.36h12C14.199,30.36,14.36,30.199,14.36,30z M2.36,18.36h11.28v11.28 H2.36V18.36z M30.36,14V2c0-0.199-0.161-0.36-0.36-0.36H18c-0.199,0-0.36,0.161-0.36,0.36v12c0,0.199,0.161,0.36,0.36,0.36h12 C30.199,14.36,30.36,14.199,30.36,14z M18.36,2.36h11.28v11.28H18.36V2.36z M14.36,14V2c0-0.199-0.161-0.36-0.36-0.36H2 C1.801,1.64,1.64,1.801,1.64,2v12c0,0.199,0.161,0.36,0.36,0.36h12C14.199,14.36,14.36,14.199,14.36,14z M2.36,2.36h11.28v11.28 H2.36V2.36z"/> <rect id="_Transparent_Rectangle" style="fill:none;" width="32" height="32"/> </svg>
Copied!