Menu

Beta
Sign in
Delivery Truck SVG icon, gradient

Delivery Truck SVG icon, gradient

A delivery truck represents goods moving from a seller to a customer. Use it on a courier service website and in the shipping section of an online shop.

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/YYBz18iPFxrS/amnt.svg" alt="Delivery Truck" 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="8" y1="17" x2="55" y2="48"><stop offset="0" stop-color="#8538e8"/><stop offset="1" stop-color="#1678ff"/></linearGradient></defs><g id="layer-1" data-name="Shape 1"><path d="M8 19C8 17.34 9.34 16 11 16L37 16C38.66 16 40 17.34 40 19L40 28L49 28C50.26 28 51.44 28.59 52.2 29.6L57.2 36.3C57.72 36.99 58 37.83 58 38.7L58 46C58 47.66 56.66 49 55 49L51 49C51 45.13 47.87 42 44 42C40.13 42 37 45.13 37 49L26 49C26 45.13 22.87 42 19 42C15.13 42 12 45.13 12 49L11 49C9.34 49 8 47.66 8 46L8 19Z" fill="url(#g0) #1678ff"/></g><g id="layer-2" data-name="Shape 2"><path d="M14 21L34 21M44 33L48 33L53 40L44 40L44 33Z" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-opacity="0.32"/></g><g id="layer-3" data-name="Shape 3"><path d="M40 28L40 44" fill="none" stroke="#ffffff" stroke-width="2" stroke-opacity="0.24"/></g><g id="layer-4" data-name="Circle 4"><path d="M24 49C24 51.76 21.76 54 19 54C16.24 54 14 51.76 14 49C14 46.24 16.24 44 19 44C21.76 44 24 46.24 24 49Z" fill="#29235c"/></g><g id="layer-5" data-name="Circle 5"><path d="M49 49C49 51.76 46.76 54 44 54C41.24 54 39 51.76 39 49C39 46.24 41.24 44 44 44C46.76 44 49 46.24 49 49Z" fill="#29235c"/></g><g id="layer-6" data-name="Circle 6"><path d="M21 49C21 50.1 20.1 51 19 51C17.9 51 17 50.1 17 49C17 47.9 17.9 47 19 47C20.1 47 21 47.9 21 49Z" fill="#a9b8ff"/></g><g id="layer-7" data-name="Circle 7"><path d="M46 49C46 50.1 45.1 51 44 51C42.9 51 42 50.1 42 49C42 47.9 42.9 47 44 47C45.1 47 46 47.9 46 49Z" fill="#a9b8ff"/></g><g id="layer-8" data-name="Shape 8"><path d="M54 42L58 42L58 46L54 46C52.9 46 52 45.1 52 44C52 42.9 52.9 42 54 42Z" fill="#ff786f"/></g></svg>
CSS background-image
.delivery-truck {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/YYBz18iPFxrS/amnt.svg");
  background-size: contain;
}
React
import DeliveryTruckSvg from "./delivery-truck.jsx"; // from the React tab above

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

Tags

deliverytruckshippingtransport

Made with AMNT

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