Add icons to this collection by clicking the heart icon.
Cart icon - also known as add, commerce, buy, cart, shopping, commerce and shopping, and purchase. Created in a clean outline 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"
x1="30.5"
x2="30.5"
y1="-.998"
y2="65.534"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#38d6a4" />
<stop offset=".171" stop-color="#32caae" />
<stop offset=".478" stop-color="#22abc8" />
<stop offset=".884" stop-color="#0879f2" />
<stop offset=".999" stop-color="#0069ff" />
</linearGradient>
<linearGradient
id="b"
x1="22.5"
x2="22.5"
y1="-.998"
y2="65.534"
href="#a"
/>
<linearGradient
id="c"
x1="51.5"
x2="51.5"
y1="-.998"
y2="65.534"
href="#a"
/>
<linearGradient id="d" x1="54" x2="54" y1="-.998" y2="65.534" href="#a" />
<linearGradient id="e" x1="37" x2="37" y1="-.998" y2="65.534" href="#a" />
<path
fill="url(#a)"
d="M12.785 23H30v-2H11.889l-2.242-5H0v2h8.353l13 29H52v-2H22.647l-1.793-4H55v-2H19.958l-1.793-4H58v-2H17.268l-1.793-4H61v-2H14.578z"
/>
<path
fill="url(#b)"
d="M22.5 48a6.5 6.5 0 1 0 6.5 6.5 6.508 6.508 0 0 0-6.5-6.5zm0 11a4.5 4.5 0 1 1 4.5-4.5 4.505 4.505 0 0 1-4.5 4.5z"
/>
<path
fill="url(#b)"
d="M22.5 51a3.5 3.5 0 1 0 3.5 3.5 3.5 3.5 0 0 0-3.5-3.5zm0 5a1.5 1.5 0 1 1 1.5-1.5 1.5 1.5 0 0 1-1.5 1.5z"
/>
<path
fill="url(#c)"
d="M51.5 51a3.5 3.5 0 1 0 3.5 3.5 3.5 3.5 0 0 0-3.5-3.5zm0 5a1.5 1.5 0 1 1 1.5-1.5 1.5 1.5 0 0 1-1.5 1.5z"
/>
<path
fill="url(#c)"
d="M51.5 48a6.5 6.5 0 1 0 6.5 6.5 6.508 6.508 0 0 0-6.5-6.5zm0 11a4.5 4.5 0 1 1 4.5-4.5 4.505 4.505 0 0 1-4.5 4.5z"
/>
<path fill="url(#d)" d="M44 21h20v2H44z" />
<path
fill="url(#e)"
d="M36.252 25.665a1 1 0 0 0 1.5 0l9.333-10.5a1 1 0 0 0-.748-1.665H42V4a1 1 0 0 0-1-1h-8a1 1 0 0 0-1 1v9.5h-4.333a1 1 0 0 0-.748 1.665zM33 15.5a1 1 0 0 0 1-1V5h6v9.5a1 1 0 0 0 1 1h3.106L37 23.5l-7.106-8z"
/>
</svg>
More icons in the same style and category