Add icons to this collection by clicking the heart icon.
Add To Cart icon - also known as shopping cart, commerce and shopping, online store, online shopping, add to cart, plus sign, and ecommerce. Created in a clean lineal color style with a white, silver, gray, and teal finish, 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"
>
<g>
<path fill="#939393" d="M16 23h40v26H16z" />
<path fill="#a9a9a9" d="M16 23v22h30a5 5 0 0 0 5-5V23z" />
<rect width="4" height="18" x="46" y="27" fill="#ccc" rx="2" />
<path fill="#fff" d="M46 29v14a2 2 0 0 0 2 2V27a2 2 0 0 0-2 2z" />
<path fill="#686868" d="M16 19h42v4H16z" />
<path fill="#939393" d="M16 19v2h37a2.99 2.99 0 0 0 2.816-2z" />
<rect width="4" height="18" x="38" y="27" fill="#ccc" rx="2" />
<path fill="#fff" d="M38 29v14a2 2 0 0 0 2 2V27a2 2 0 0 0-2 2z" />
<circle cx="49" cy="22" r="13" fill="#2763bb" />
<circle cx="49" cy="22" r="9" fill="#3079e6" />
<circle cx="14" cy="51" r="6" fill="#686868" />
<path
fill="#a9a9a9"
d="M50.349 49h-30.7a5.905 5.905 0 0 1 0 4h30.7a5.905 5.905 0 0 1 0-4z"
/>
<path
fill="#939393"
d="M12 14v31.349a5.905 5.905 0 0 1 4 0V13a5 5 0 0 0-5-5H2v4h8a2 2 0 0 1 2 2z"
/>
<circle cx="14" cy="51" r="2" fill="#939393" />
<circle cx="56" cy="51" r="6" fill="#686868" />
<circle cx="56" cy="51" r="2" fill="#939393" />
<rect width="4" height="18" x="22" y="27" fill="#ccc" rx="2" />
<path fill="#fff" d="M22 29v14a2 2 0 0 0 2 2V27a2 2 0 0 0-2 2z" />
<rect width="4" height="18" x="30" y="27" fill="#ccc" rx="2" />
<path fill="#fff" d="M30 29v14a2 2 0 0 0 2 2V27a2 2 0 0 0-2 2z" />
<circle cx="49" cy="22" r="6" fill="#73a4ea" />
<path fill="#fff" d="M56 20h-5v-5h-4v5h-5v4h5v5h4v-5h5z" />
<path
d="M14 48a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1zM56 48a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
/>
<path
d="M57 44.08V33.473A13.992 13.992 0 1 0 35.59 18H17v-5a6.006 6.006 0 0 0-6-6H2a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h8a1 1 0 0 1 1 1v30.685A6.994 6.994 0 1 0 20.315 54h29.37A6.995 6.995 0 1 0 57 44.08zm-2 0A7.01 7.01 0 0 0 49.685 48h-29.37A7.035 7.035 0 0 0 17 44.685V24h18.16A13.872 13.872 0 0 0 37 29.174V43a3 3 0 0 0 6 0v-8.37a13.864 13.864 0 0 0 2 .78V43a3 3 0 0 0 6 0v-7.16a13.844 13.844 0 0 0 4-1.21zM41 33.473V43a1 1 0 0 1-2 0V31.779a14.088 14.088 0 0 0 2 1.694zm6 2.367a13.884 13.884 0 0 0 2 .16v7a1 1 0 0 1-2 0zM49 10a12 12 0 1 1-12 12 12.013 12.013 0 0 1 12-12zM35.16 20a13.884 13.884 0 0 0-.16 2H17v-2zM10 11H3V9h8a4 4 0 0 1 4 4v31.08a6.29 6.29 0 0 0-2 0V14a3 3 0 0 0-3-3zm4 45a5 5 0 1 1 5-5 5.006 5.006 0 0 1-5 5zm6.92-4a6.29 6.29 0 0 0 0-2h28.16a6.29 6.29 0 0 0 0 2zM56 56a5 5 0 1 1 5-5 5.006 5.006 0 0 1-5 5z"
/>
<path
d="M24 26a3 3 0 0 0-3 3v14a3 3 0 0 0 6 0V29a3 3 0 0 0-3-3zm1 17a1 1 0 0 1-2 0V29a1 1 0 0 1 2 0zM32 26a3 3 0 0 0-3 3v14a3 3 0 0 0 6 0V29a3 3 0 0 0-3-3zm1 17a1 1 0 0 1-2 0V29a1 1 0 0 1 2 0zM42 25h4v4a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-4h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-4v-4a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v4h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1zm1-4h4a1 1 0 0 0 1-1v-4h2v4a1 1 0 0 0 1 1h4v2h-4a1 1 0 0 0-1 1v4h-2v-4a1 1 0 0 0-1-1h-4z"
/>
</g>
</svg>
More icons in the same style and category