Add icons to this collection by clicking the heart icon.
Add To Cart icon - also known as shopping cart, supermarket, commerce and shopping, online store, add to cart, purchase, online shop, and shopping center. 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="-4.279"
x2="29.233"
y1="27.829"
y2="-.392"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".04" stop-color="#fee72e" />
<stop offset=".117" stop-color="#fed51b" />
<stop offset=".196" stop-color="#fdca10" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".669" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<linearGradient
id="b"
x1="2.106"
x2="35.618"
y1="35.411"
y2="7.19"
href="#a"
/>
<linearGradient
id="c"
x1="7.914"
x2="41.426"
y1="42.309"
y2="14.088"
href="#a"
/>
<linearGradient
id="d"
x1="-1.395"
x2="32.117"
y1="31.254"
y2="3.033"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M30 6H8V4.825A3.829 3.829 0 0 0 4.175 1H2a1 1 0 0 0 0 2h2.175A1.827 1.827 0 0 1 6 4.825v12.513A5.669 5.669 0 0 0 11.663 23h13.674A5.669 5.669 0 0 0 31 17.338V7a1 1 0 0 0-1-1zm-1 11.338A3.667 3.667 0 0 1 25.337 21H11.663A3.667 3.667 0 0 1 8 17.338V8h21z"
/>
<path
fill="url(#b)"
d="M11.5 24a3.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="M25.5 24a3.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(#d)"
d="M15 15.5h2.5V18a1 1 0 0 0 2 0v-2.5H22a1 1 0 0 0 0-2h-2.5V11a1 1 0 0 0-2 0v2.5H15a1 1 0 0 0 0 2z"
/>
</g>
</svg>
More icons in the same style and category