Menu

Beta
Sign in
Shopping Cart SVG icon, gradient

Shopping Cart SVG icon, gradient

A shopping cart represents selected goods awaiting purchase. Place it in the navigation bar of an online store and on a grocery checkout screen.

Free · from Online Shopping Icons, Gradient

Similar SVGs

More from Online Shopping Icons, Gradient

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Up4Mo8cCJ3kb/amnt.svg" alt="Shopping Cart" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><defs><linearGradient id="g0" gradientUnits="userSpaceOnUse" x1="12" y1="14" x2="53" y2="49"><stop offset="0" stop-color="#8538e9"/><stop offset="1" stop-color="#1678ff"/></linearGradient></defs><g id="layer-1" data-name="Shape 1"><path d="M7 13L14 13L19.5 42.5C19.98 44.83 22.02 46.5 24.4 46.5L51 46.5" fill="none" stroke="#743de3" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-2" data-name="Shape 2"><path d="M17 20L54 20L50 38C49.54 39.78 47.93 41.01 46.1 41L21.2 41L17 20Z" fill="url(#g0) #1678ff"/></g><g id="layer-3" data-name="Shape 3"><path d="M23 25L48 25" fill="none" stroke="#ffffff" stroke-width="2.5" stroke-linecap="round" stroke-opacity="0.24"/></g><g id="layer-4" data-name="Circle 4"><path d="M31 53C31 55.21 29.21 57 27 57C24.79 57 23 55.21 23 53C23 50.79 24.79 49 27 49C29.21 49 31 50.79 31 53Z" fill="#653ee4"/></g><g id="layer-5" data-name="Circle 5"><path d="M51 53C51 55.21 49.21 57 47 57C44.79 57 43 55.21 43 53C43 50.79 44.79 49 47 49C49.21 49 51 50.79 51 53Z" fill="#1977fa"/></g><g id="layer-6" data-name="Circle 6"><path d="M51 34C51 35.66 49.66 37 48 37C46.34 37 45 35.66 45 34C45 32.34 46.34 31 48 31C49.66 31 51 32.34 51 34Z" fill="#ff746d"/></g></svg>
CSS background-image
.shopping-cart {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Up4Mo8cCJ3kb/amnt.svg");
  background-size: contain;
}
React
import ShoppingCartSvg from "./shopping-cart.jsx"; // from the React tab above

<ShoppingCartSvg width={48} height={48} />

Tags

cartshoppingcheckoutretail

Made with AMNT

AMNT SVG 1.1 drew this from the words Shopping cart. bold simple silhouette, smooth shading from violet to electric blue with a small coral accent, subtle highlights, crisp edges, no background, readable at small size. as part of the pack Online Shopping Icons, Gradient. Want one like it? Make your own in the SVG studio.

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence

Settings