Cart icons

9 icons carry the tag cart, all in Commerce. Buy now, Add to cart, Cart checkout and 6 more — each in outline and duotone at three weights, with the code for React, Vue, Svelte, Flutter and more.

9 iconsOpen in browser

Commerce

9open →

buy-now cart-add cart-checkout cart-empty cart-full cart-remove order-again quick-buy subscribe-product

The 9 cart icons, described

Buy nowbuy-now: The cart with an arrow straight through it — from the product page to paid.
Add to cartcart-add: The cart with a plus in it — one more thing on its way to checkout.
Cart checkoutcart-checkout: The cart with a check in it — the cart taken to be paid for.
Empty cartcart-empty: The cart with nothing in it — nothing chosen yet.
Full cartcart-full: The cart with lines filling it — a cart with plenty in it.
Remove from cartcart-remove: The cart with a minus in it — one thing taken back out.
Order againorder-again: The cart with an arrow looping back — the last order, placed once more.
Quick buyquick-buy: The cart with a bolt in it — bought without the cart page.
Subscribe to productsubscribe-product: The cart with chevrons up and down — the same order, every so often.

In code, each is one import — import { BuyNow } from "@iconmind/react/icons/buy-now" — and the same name in Vue, Svelte, Solid, Preact, React Native, Astro, Blade and Flutter.

Tags these icons also carry

buy12 repeat14 add20 checkout6 empty15 full5 now4 quick6 remove19 reorder3 subscribe4

Every cart icon, free to ship

9 of 5,287 icons compiled from one grid — outline and duotone, three weights, every cell generated rather than redrawn. MIT licensed: commercial use, no attribution, no seat count.

All tags Install the package Request an icon