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 outline color 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="b"
x1="20.613"
x2="53.393"
y1="40.172"
y2="7.392"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f95555" />
<stop offset="1" stop-color="#d81d1d" />
</linearGradient>
<linearGradient
id="a"
x1="24.543"
x2="29.531"
y1="54.131"
y2="49.143"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#617093" />
<stop offset="1" stop-color="#3d4860" />
</linearGradient>
<linearGradient
id="c"
x1="45.484"
x2="50.471"
y1="54.131"
y2="49.143"
href="#a"
/>
<linearGradient
id="d"
x1="7.39"
x2="23.121"
y1="52.72"
y2="36.99"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#77f969" />
<stop offset="1" stop-color="#03dd03" />
</linearGradient>
<g>
<path fill="url(#b)" d="M52.402 40.622H21.063l-6.516-26.623H60z" />
<path
d="M55.429 14 49.23 35.72a4 4 0 0 1-3.846 2.9H20.573l.49 2H52.4L60 14z"
opacity=".2"
/>
<circle cx="27.037" cy="51.637" r="3.527" fill="url(#a)" />
<circle cx="47.977" cy="51.637" r="3.527" fill="url(#c)" />
<path
d="M27.037 48.11a3.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.054zM47.977 48.11a3.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
d="M52.62 20h-30.9a1 1 0 0 1 0-2h30.9a1 1 0 0 1 0 2zM51.647 24.323H22.558a1 1 0 0 1 0-2h29.089a1 1 0 0 1 0 2zM50.675 28.648H23.394a1 1 0 0 1 0-2h27.281a1 1 0 0 1 0 2zM49.7 32.973H24.23a1 1 0 0 1 0-2H49.7a1 1 0 0 1 0 2zM48.73 37.3H25.066a1 1 0 0 1 0-2H48.73a1 1 0 0 1 0 2z"
/>
<circle cx="15.256" cy="44.855" r="11.123" fill="url(#d)" />
<path
d="M15.916 33.765a11.117 11.117 0 0 1-4.661 21.213c-.222 0-.44-.021-.66-.034a11.113 11.113 0 1 0 5.321-21.179z"
opacity=".2"
/>
<path
d="M21.3 43.854h-5.2v-5.2a1 1 0 0 0-2 0v5.2H8.9a1 1 0 1 0 0 2h5.2v5.2a1 1 0 0 0 2 0v-5.2h5.2a1 1 0 0 0 0-2z"
/>
<path
d="M57.313 47.11H27.16a11.8 11.8 0 0 0-.233-5.488H30a1 1 0 0 0 1-1 1 1 0 0 0-1-1h-3.826a12.178 12.178 0 0 0-5.722-5.7L15.822 15H30a1 1 0 0 0 1-1 1 1 0 0 0-1-1H15.332l-1.077-4.4a1 1 0 0 0-.972-.763H4a1 1 0 0 0 0 2h8.5l5.7 23.272a11.3 11.3 0 0 0-7.789.735 12.352 12.352 0 0 0-7.277 10.868 12.1 12.1 0 0 0 20.072 9.272 4.5 4.5 0 0 0 8.2-1.122 4.549 4.549 0 0 0-.611-3.752h13.428a4.527 4.527 0 1 0 7.509 0h5.581a1 1 0 0 0 0-2zm-42.058 7.868a10.123 10.123 0 1 1 10.123-10.124 10.134 10.134 0 0 1-10.123 10.124zm11.782-.814a2.524 2.524 0 0 1-2.371-1.682 12.113 12.113 0 0 0 1.906-3.317 2.463 2.463 0 0 1 .465-.055 2.527 2.527 0 1 1 0 5.054zm20.941 0a2.527 2.527 0 1 1 2.522-2.527 2.53 2.53 0 0 1-2.522 2.527z"
/>
<path
d="M60.8 13.4a1 1 0 0 0-.8-.4H34a1 1 0 0 0-1 1 1 1 0 0 0 1 1h24.675l-7.027 24.622H34a1 1 0 0 0-1 1 1 1 0 0 0 1 1h18.4a1 1 0 0 0 .962-.726l7.6-26.623a1 1 0 0 0-.162-.873z"
/>
</g>
</svg>
More icons in the same style and category