Menu

Beta
Sign in
Order Tracking SVG icon, gradient

Order Tracking SVG icon, gradient

An order tracking symbol helps customers follow a purchase in transit. Add it to a parcel carrier’s tracking page and to an online retailer’s order history.

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/7amYTIiaczWt/amnt.svg" alt="Order Tracking" 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="13" x2="51" y2="55"><stop offset="0" stop-color="#8839e8"/><stop offset="1" stop-color="#167bff"/></linearGradient></defs><g id="layer-1" data-name="Shape 1"><path d="M32 8L51 18L51 41L32 52L13 41L13 18Z" fill="url(#g0) #167bff" stroke="#5534c8" stroke-width="2" stroke-linejoin="round"/></g><g id="layer-2" data-name="Shape 2"><path d="M13 18L32 29L51 18M32 29L32 52" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="0.42"/></g><g id="layer-3" data-name="Shape 3"><path d="M23 13L42 24L42 33" fill="none" stroke="#ffffff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="0.68"/></g><g id="layer-4" data-name="Circle 4"><path d="M58 45C58 51.63 52.63 57 46 57C39.37 57 34 51.63 34 45C34 38.37 39.37 33 46 33C52.63 33 58 38.37 58 45Z" fill="#ffffff"/></g><g id="layer-5" data-name="Circle 5"><path d="M55 45C55 49.97 50.97 54 46 54C41.03 54 37 49.97 37 45C37 40.03 41.03 36 46 36C50.97 36 55 40.03 55 45Z" fill="#ff746d"/></g><g id="layer-6" data-name="Shape 6"><path d="M46 40L46 45L49 47" fill="none" stroke="#ffffff" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></g></svg>
CSS background-image
.order-tracking {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/7amYTIiaczWt/amnt.svg");
  background-size: contain;
}
React
import OrderTrackingSvg from "./order-tracking.jsx"; // from the React tab above

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

Tags

trackingorderdeliveryshipping

Made with AMNT

AMNT SVG 1.1 drew this from the words Order tracking. 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