Add icons to this collection by clicking the heart icon.
Add To Cart icon - also known as shopping basket, commerce and shopping, online store, online shopping, add to cart, plus sign, purchase, and ecommerce. Created in a clean flat style with a silver, gray, yellow, teal, blue, purple, and orange 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 511 511"
>
<path
fill="#afe6ff"
d="M502.093 319.121c.236-.91.463-1.826.688-2.743-.222.917-.455 1.83-.688 2.743z"
/>
<path
fill="#4070f6"
d="M255 1C156.869 1 96.426 56.347 96.259 56.441c-3.787 17.481-10.374 42.85-10.374 61.465 0 140.833 118.763 254.972 259.596 254.972 60.017 0 115.159-27.944 158.719-62.639.178-1.087 5.8-23.477 5.8-54.239C510 115.167 395.833 1 255 1z"
/>
<path
fill="#3d4fc3"
d="M448.483 422.054c25.154-29.292 43.784-64.352 53.61-102.933.233-.913.466-1.826.688-2.743a462.02 462.02 0 0 0 1.418-6.139c-43.559 34.696-98.724 55.441-158.741 55.441-140.833 0-255-114.167-255-255 0-18.615 2.013-36.757 5.8-54.239l-.017.014C37.597 103.175 0 175.192 0 256c0 63.427 23.165 121.438 61.485 166.054z"
/>
<path
fill="#ffe65a"
d="M60.612 421.021C107.386 476.064 177.108 511 255 511s147.61-34.932 194.375-89.979z"
/>
<path
fill="#dd544f"
d="M187.043 244.722v161.787c0 32.025 25.961 57.986 57.986 57.986h117.847c14.95 0 27.902-10.368 31.174-24.956l32.997-147.116z"
/>
<path
fill="#d80a61"
d="M437.746 244.722H72.254l10.699 47.701 32.997 147.116c3.272 14.588 16.223 24.956 31.174 24.956h97.905c-14.95 0-27.902-10.368-31.174-24.956l-24.922-111.113c-4.141-18.463 9.901-36.004 28.823-36.004h209.29z"
/>
<path
fill="#df6b57"
d="M426.443 201.989H155.997v64.101h270.446c17.701 0 32.05-14.349 32.05-32.05 0-17.702-14.349-32.051-32.05-32.051z"
/>
<path
fill="#dd544f"
d="M155.843 234.039c0-17.701 14.349-32.05 32.05-32.05H83.557c-17.701 0-32.05 14.349-32.05 32.05 0 17.701 14.349 32.05 32.05 32.05h104.336c-17.701 0-32.05-14.349-32.05-32.05z"
/>
<path
fill="#d80a61"
d="M255 426.99c-8.507 0-15.403-6.896-15.403-15.403v-96.659c0-8.507 6.896-15.403 15.403-15.403s15.403 6.896 15.403 15.403v96.659c0 8.506-6.896 15.403-15.403 15.403zM330.709 426.993c-.883 0-1.778-.076-2.678-.234-8.379-1.469-13.981-9.452-12.512-17.832l16.945-96.659c1.469-8.378 9.455-13.982 17.832-12.512 8.379 1.469 13.981 9.452 12.512 17.832l-16.945 96.659c-1.311 7.478-7.814 12.746-15.154 12.746z"
/>
<path
fill="#c10a54"
d="M178.607 426.993c-7.341 0-13.843-5.267-15.154-12.746l-16.945-96.659c-1.469-8.38 4.133-16.363 12.512-17.832 8.377-1.476 16.362 4.133 17.832 12.512l16.945 96.659c1.469 8.38-4.133 16.363-12.512 17.832-.9.158-1.795.234-2.678.234z"
/>
<circle cx="164.081" cy="234.039" r="23.449" fill="#d80a61" />
<path
fill="#dd544f"
d="M165.607 240.202a15.33 15.33 0 0 1-7.938-2.214c-7.286-4.392-9.631-13.858-5.24-21.144l66.239-109.883c4.392-7.285 13.859-9.631 21.144-5.239 7.286 4.392 9.632 13.858 5.24 21.144l-66.239 109.883c-2.892 4.798-7.985 7.453-13.206 7.453z"
/>
<circle cx="342.428" cy="234.039" r="23.449" fill="#d80a61" />
<path
fill="#dd544f"
d="M340.902 240.202c-5.222 0-10.314-2.655-13.207-7.453l-66.239-109.883c-4.392-7.285-2.046-16.752 5.24-21.144 7.286-4.394 16.752-2.046 21.144 5.239l66.239 109.883c4.392 7.285 2.046 16.752-5.24 21.144a15.324 15.324 0 0 1-7.937 2.214z"
/>
<path
fill="#ffe65a"
d="M511 109.977c0 15.185-3.077 29.651-8.643 42.808-16.695 39.472-55.781 67.169-101.335 67.169-60.739 0-109.977-49.238-109.977-109.977 0-44.428 26.345-82.704 64.265-100.056C369.231 3.551 384.712 0 401.023 0 461.762 0 511 49.238 511 109.977z"
/>
<path
fill="#f1d333"
d="M456.255 163.607c-60.739 0-109.977-49.238-109.977-109.977 0-15.532 3.226-30.308 9.035-43.704-37.92 17.353-64.267 55.623-64.267 100.052 0 60.739 49.238 109.977 109.977 109.977 45.207 0 84.037-27.28 100.943-66.273-13.922 6.37-29.401 9.925-45.711 9.925z"
/>
<path fill="#e27d47" d="M358.848 94.977h84.351v30h-84.351z" />
<path fill="#e29375" d="M386.023 67.802h30v84.351h-30z" />
</svg>
More icons in the same style and category