Add icons to this collection by clicking the heart icon.
Add To Basket icon - also known as add, plus, basket, shopping basket, commerce and shopping, shapes and symbols, and add to basket. Created in a clean lineal color style with a silver, black, teal, and blue finish, 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.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h38.006a7.669 7.669 0 0 0 7.669-7.668v-120.196l-20.946-29.884c-2.784-3.972-8.668-3.972-11.453 0l-20.945 29.884V-7.668A7.669 7.669 0 0 0 0 0"
transform="translate(80.997 494.443)"
fill="#24d3b5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h38.006a7.669 7.669 0 0 0 7.669-7.668v-120.196l-20.946-29.884c-2.784-3.972-8.668-3.972-11.453 0l-20.945 29.884V-7.668A7.669 7.669 0 0 0 0 0"
transform="translate(392.997 494.443)"
fill="#24d3b5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-71.8-219.72c-3.07-9.37-11.84-15.72-21.75-15.72h-254.971c-9.859 0-18.619 6.3-21.709 15.62-8.22 24.746-64.581 194.437-73.01 219.82z"
transform="translate(477.62 252.994)"
fill="#a0cafe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-35c-9.859 0-18.619 6.3-21.71 15.62-7.778 23.418-64.684 194.748-73.01 219.82h35c11.789-35.501 67.202-202.336 73.01-219.82C-18.619 6.3-9.859 0 0 0"
transform="translate(164.1 17.554)"
fill="#81b8fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-480.963a8.018 8.018 0 0 0-8.018 8.019v48.173a8.017 8.017 0 0 0 8.018 8.018H0a8.018 8.018 0 0 0 8.019-8.018V8.019A8.019 8.019 0 0 0 0 0"
transform="translate(496.481 220.892)"
fill="#4394fb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-35a8.02 8.02 0 0 0-8.02 8.02v48.17A8.02 8.02 0 0 0-35 64.21H0a8.02 8.02 0 0 1-8.02-8.02V8.02A8.02 8.02 0 0 1 0 0"
transform="translate(50.52 220.894)"
fill="#2583fa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-19.054 0-34.5 15.446-34.5 34.5v166.458c0 19.054 15.446 34.5 34.5 34.5 19.054 0 34.5-15.446 34.5-34.5V34.5C34.5 15.446 19.054 0 0 0"
transform="translate(256 220.872)"
fill="#2583fa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a34.414 34.414 0 0 0-17.5-4.76c-19.05 0-34.5 15.44-34.5 34.5V196.2c0 19.05 15.45 34.5 34.5 34.5 6.38 0 12.37-1.74 17.5-4.77-10.17-6-17-17.07-17-29.73V29.74C-17 17.07-10.17 6 0 0"
transform="translate(273.5 225.634)"
fill="#0671f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-205.98A8.02 8.02 0 0 1-214-8.02v-48.17a8.02 8.02 0 0 1 8.02-8.02H274.98a8.02 8.02 0 0 1 8.02 8.02v48.17A8.02 8.02 0 0 1 274.98 0H69"
transform="translate(221.5 285.1)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="610,30"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="m0 0-61.31-187.61c-3.07-9.38-11.839-15.72-21.75-15.72h-254.97c-9.86 0-18.619 6.29-21.71 15.61L-422.09 0"
transform="translate(467.13 220.89)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="583,30"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0h-372.707"
transform="translate(442.353 154.88)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h326.482"
transform="translate(92.759 86.523)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-203.334"
transform="translate(256 220.891)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 18.086-203.334"
transform="translate(186.674 220.891)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 43.483-203.334"
transform="translate(113.33 220.891)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-18.085-203.334"
transform="translate(327.003 220.891)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-43.484-203.334"
transform="translate(400.348 220.891)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0c-19.054 0-34.5 15.446-34.5 34.5v166.458c0 19.054 15.446 34.5 34.5 34.5 19.054 0 34.5-15.446 34.5-34.5V34.5C34.5 15.446 19.054 0 0 0Z"
transform="translate(256 220.871)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="390,30"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0c0-7.732-6.268-14-14-14S-28-7.732-28 0s6.268 14 14 14S0 7.732 0 0"
transform="translate(270 252.33)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h38.006a7.669 7.669 0 0 0 7.669-7.668v-120.196l-20.946-29.884c-2.784-3.972-8.668-3.972-11.453 0l-20.945 29.884V-7.668A7.669 7.669 0 0 0 0 0Z"
transform="translate(80.997 494.443)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="700,30"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="m0 0-38.002-54.219c-2.784-3.973-8.669-3.973-11.453 0L-87.457 0"
transform="translate(143.728 390.915)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="700,30"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0h38.006a7.669 7.669 0 0 0 7.669-7.668v-120.196l-20.946-29.884c-2.784-3.972-8.668-3.972-11.453 0l-20.945 29.884V-7.668A7.669 7.669 0 0 0 0 0Z"
transform="translate(392.997 494.443)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="700,30"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="m0 0-38.002-54.219c-2.784-3.973-8.669-3.973-11.453 0L-87.457 0"
transform="translate(455.728 390.915)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="700,30"
stroke-dashoffset="0"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category