Add icons to this collection by clicking the heart icon.
Add To Cart icon - also known as cart, trolley, shopping cart, shopping trolley, commerce and shopping, online store, online shopping, add to cart, and ecommerce. Created in a clean gradient 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="512"
height="512"
viewBox="0 0 32 32"
>
<linearGradient
id="a"
x1="3.326"
x2="31.759"
y1="16.018"
y2="15.713"
gradientUnits="userSpaceOnUse"
>
<stop offset=".1" stop-color="#0ff" />
<stop offset=".11" stop-color="#00feff" />
<stop offset=".24" stop-color="#10c9e9" />
<stop offset=".34" stop-color="#1aa8dc" />
<stop offset=".4" stop-color="#1e9cd7" />
<stop offset=".5" stop-color="#5179e0" />
<stop offset=".63" stop-color="#8e4eeb" />
<stop offset=".75" stop-color="#bf2cf4" />
<stop offset=".85" stop-color="#e214fa" />
<stop offset=".94" stop-color="#f705fe" />
<stop offset=".99" stop-color="#f0f" />
</linearGradient>
<linearGradient
id="b"
x1="3.419"
x2="31.852"
y1="24.693"
y2="24.387"
href="#a"
/>
<linearGradient
id="c"
x1="3.312"
x2="31.745"
y1="14.698"
y2="14.392"
href="#a"
/>
<linearGradient
id="d"
x1="3.439"
x2="31.872"
y1="26.508"
y2="26.203"
href="#a"
/>
<linearGradient
id="e"
x1="3.438"
x2="31.871"
y1="26.395"
y2="26.089"
href="#a"
/>
<linearGradient
id="f"
x1="3.329"
x2="31.763"
y1="16.345"
y2="16.039"
href="#a"
/>
<path
fill="url(#a)"
d="M12.521 22.394a.5.5 0 0 1-.488-.394L9.394 10.061a.5.5 0 0 1 .488-.608h18.035a.5.5 0 0 1 .49.6l-2.358 11.819a.5.5 0 0 1-.486.4l-13.038.12zM10.5 10.453l2.422 10.937 12.226-.112 2.16-10.825z"
/>
<path
fill="url(#b)"
d="M21.556 25.033h-6.633a.5.5 0 0 1 0-1h6.633a.5.5 0 0 1 0 1z"
/>
<path
fill="url(#c)"
d="M12.78 24.162a.5.5 0 0 1-.489-.4L8.6 6.118h-4a.5.5 0 0 1 0-1H9a.5.5 0 0 1 .489.4L13.27 23.56a.5.5 0 0 1-.387.591.457.457 0 0 1-.103.011z"
/>
<path
fill="url(#d)"
d="M23.518 29.432a3.135 3.135 0 1 1 3.14-3.139 3.143 3.143 0 0 1-3.14 3.139zm0-5.279a2.152 2.152 0 1 0 1.591.716 2.124 2.124 0 0 0-1.591-.716z"
/>
<path
fill="url(#e)"
d="M12.961 29.432a3.138 3.138 0 0 1-.214-6.269 1.456 1.456 0 0 1 .214-.01 3.14 3.14 0 0 1 0 6.279zm-.048-5.279a.344.344 0 0 0-.056 0 2.139 2.139 0 1 0 2.243 2.14 2.119 2.119 0 0 0-.548-1.424 2.2 2.2 0 0 0-1.639-.716z"
/>
<g fill="url(#f)">
<path
d="M19.119 20.194a4.019 4.019 0 1 1 4.019-4.019 4.023 4.023 0 0 1-4.019 4.019zm0-7.038a3.019 3.019 0 1 0 3.019 3.019 3.023 3.023 0 0 0-3.019-3.019z"
/>
<path
d="M19.119 18.435a.5.5 0 0 1-.5-.5v-3.519a.5.5 0 1 1 1 0v3.519a.5.5 0 0 1-.5.5z"
/>
<path d="M20.879 16.675H17.36a.5.5 0 0 1 0-1h3.519a.5.5 0 0 1 0 1z" />
</g>
</svg>
More icons in the same style and category