Add icons to this collection by clicking the heart icon.
Add To Cart icon - also known as commerce and shopping, down arrow, online store, online shopping, add to cart, and ecommerce. Created in a clean flat 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 64 64"
>
<linearGradient id="a">
<stop offset=".01" stop-color="#2a4d89" />
<stop offset="1" stop-color="#688bad" />
</linearGradient>
<linearGradient
id="d"
x1="18.875"
x2="53.875"
y1="42.875"
y2="7.875"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#aebbe3" />
<stop offset="1" stop-color="#eaecff" />
</linearGradient>
<linearGradient
id="e"
x1=".586"
x2="49.415"
y1="49.414"
y2=".585"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="f"
x1="31.586"
x2="40.415"
y1="60.415"
y2="51.586"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="18.346"
x2="29.654"
y1="61.653"
y2="50.345"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#688bad" />
<stop offset=".99" stop-color="#2a4d89" />
</linearGradient>
<linearGradient
id="h"
x1="21.173"
x2="26.827"
y1="58.828"
y2="53.174"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="i"
x1="42.347"
x2="53.655"
y1="61.655"
y2="50.347"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="45.173"
x2="50.827"
y1="58.828"
y2="53.174"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="26.106"
x2="45.896"
y1="27.896"
y2="8.105"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#db9f00" />
<stop offset="1" stop-color="#e5d000" />
</linearGradient>
<linearGradient
id="l"
x1="32.586"
x2="39.415"
y1="21.415"
y2="14.586"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path fill="url(#d)" d="M11.5 16 18 42h36l8-26z" />
<path
fill="url(#e)"
d="M63.609 14.812A1.999 1.999 0 0 0 62 14H13.062L9.94 1.515A2 2 0 0 0 8 0H2a2 2 0 0 0 0 4h4.438l9.299 37.197L8.8 46.4A2 2 0 0 0 8 48v8a2 2 0 0 0 2 2h8a2 2 0 0 0 0-4h-6v-5l6.667-5H54c.878 0 1.653-.573 1.912-1.412l8-26a2.001 2.001 0 0 0-.303-1.776zM56.831 26H46.485l1.231-8h11.576zM31.716 40l-1.539-10h11.646l-1.539 10zm-2.154-14-1.231-8h15.338l-1.231 8zm-5.278-8 1.231 8h-9.454l-2-8zm-7.222 12h9.069l1.539 10h-8.107zm35.461 10h-8.192l1.539-10h9.73z"
/>
<path fill="url(#f)" d="M42 58H30a2 2 0 0 1 0-4h12a2 2 0 0 1 0 4z" />
<path
fill="url(#g)"
d="M24 48c-4.411 0-8 3.589-8 8s3.589 8 8 8 8-3.589 8-8-3.589-8-8-8z"
/>
<path
fill="url(#h)"
d="M24 60c-2.206 0-4-1.794-4-4s1.794-4 4-4 4 1.794 4 4-1.794 4-4 4z"
/>
<path
fill="url(#i)"
d="M48 48c-4.411 0-8 3.589-8 8s3.589 8 8 8 8-3.589 8-8-3.589-8-8-8z"
/>
<path
fill="url(#j)"
d="M48 60c-2.206 0-4-1.794-4-4s1.794-4 4-4 4 1.794 4 4-1.794 4-4 4z"
/>
<path
fill="url(#k)"
d="M36 4c-7.72 0-14 6.28-14 14s6.28 14 14 14 14-6.28 14-14S43.72 4 36 4z"
/>
<path
fill="url(#l)"
d="M41.414 16.586a2 2 0 0 0-2.828 0l-.586.586V14a2 2 0 0 0-4 0v3.172l-.586-.586a2 2 0 1 0-2.828 2.828l4 4c.39.391.902.586 1.414.586s1.024-.195 1.414-.586l4-4a2 2 0 0 0 0-2.828z"
/>
</svg>
More icons in the same style and category