Add icons to this collection by clicking the heart icon.
Add To Cart icon - also known as commerce, trolley, shopping cart, shopping basket, commerce and shopping, add to cart, smart cart, add button, and add to basket. 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="c"
x1="21.113"
x2="53.893"
y1="40.265"
y2="7.485"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f95555" />
<stop offset="1" stop-color="#d81d1d" />
</linearGradient>
<linearGradient
id="a"
x1="25.043"
x2="30.031"
y1="54.224"
y2="49.236"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#617093" />
<stop offset="1" stop-color="#3d4860" />
</linearGradient>
<linearGradient
id="d"
x1="45.984"
x2="50.971"
y1="54.224"
y2="49.236"
href="#a"
/>
<linearGradient
id="e"
x1="14.551"
x2="36.662"
y1="45.172"
y2="23.06"
href="#a"
/>
<linearGradient
id="b"
x1="29.239"
x2="46.103"
y1="27.524"
y2="10.66"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d7e6f9" />
<stop offset="1" stop-color="#ccd3dd" />
</linearGradient>
<linearGradient
id="f"
x1="29.623"
x2="45.582"
y1="31.396"
y2="15.437"
href="#b"
/>
<linearGradient
id="g"
x1="30.007"
x2="45.062"
y1="35.269"
y2="20.214"
href="#b"
/>
<linearGradient
id="h"
x1="30.391"
x2="44.542"
y1="39.141"
y2="24.99"
href="#b"
/>
<linearGradient
id="i"
x1="30.775"
x2="44.022"
y1="43.014"
y2="29.768"
href="#b"
/>
<linearGradient
id="j"
x1="7.89"
x2="23.621"
y1="52.813"
y2="37.083"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#77f969" />
<stop offset="1" stop-color="#03dd03" />
</linearGradient>
<linearGradient
id="k"
x1="11.797"
x2="19.408"
y1="48.754"
y2="41.142"
href="#b"
/>
<g>
<path fill="url(#c)" d="M52.902 40.715H21.563l-6.516-26.623H60.5z" />
<path
d="m55.929 14.092-6.2 21.721a4 4 0 0 1-3.846 2.9h-24.81l.49 2H52.9l7.6-26.623z"
opacity=".2"
/>
<circle cx="27.537" cy="51.73" r="3.527" fill="url(#a)" />
<circle cx="48.477" cy="51.73" r="3.527" fill="url(#d)" />
<path
d="M27.537 48.2a3.483 3.483 0 0 0-1 .162 3.5 3.5 0 0 1 0 6.73 3.483 3.483 0 0 0 1 .162 3.527 3.527 0 1 0 0-7.054zM48.477 48.2a3.488 3.488 0 0 0-1 .162 3.5 3.5 0 0 1 0 6.73 3.488 3.488 0 0 0 1 .162 3.527 3.527 0 1 0 0-7.054z"
opacity=".2"
/>
<path
fill="url(#e)"
d="M57.813 47.2H20.545a2.745 2.745 0 0 1 0-5.489H52.9a1 1 0 0 0 0-2H22.348L14.756 8.692a1 1 0 0 0-.972-.763H4.5a1 1 0 0 0 0 2H13l7.3 29.812a4.735 4.735 0 0 0 .251 9.463h37.262a1 1 0 0 0 0-2z"
/>
<path
fill="url(#b)"
d="M53.12 20.092h-30.9a1 1 0 0 1 0-2h30.9a1 1 0 0 1 0 2z"
/>
<path
fill="url(#f)"
d="M52.147 24.416H23.058a1 1 0 0 1 0-2h29.089a1 1 0 0 1 0 2z"
/>
<path
fill="url(#g)"
d="M51.175 28.742H23.894a1 1 0 0 1 0-2h27.281a1 1 0 0 1 0 2z"
/>
<path
fill="url(#h)"
d="M50.2 33.066H24.73a1 1 0 0 1 0-2H50.2a1 1 0 0 1 0 2z"
/>
<path
fill="url(#i)"
d="M49.23 37.391H25.566a1 1 0 1 1 0-2H49.23a1 1 0 0 1 0 2z"
/>
<circle cx="15.756" cy="44.948" r="11.123" fill="url(#j)" />
<path
d="M16.416 33.858a11.117 11.117 0 0 1-4.661 21.213c-.222 0-.44-.02-.66-.033a11.114 11.114 0 1 0 5.321-21.18z"
opacity=".2"
/>
<path
fill="url(#k)"
d="M21.8 43.948h-5.2v-5.2a1 1 0 0 0-2 0v5.2H9.4a1 1 0 0 0 0 2h5.2v5.2a1 1 0 0 0 2 0v-5.2h5.2a1 1 0 1 0 0-2z"
/>
</g>
</svg>
More icons in the same style and category