Menu

Beta
Sign in
Product Box SVG icon, gradient

Product Box SVG icon, gradient

A product box symbolizes goods prepared for sale or shipment. Use it in an ecommerce product catalog and on a warehouse packing dashboard.

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/GyL1PKKnMZQn/amnt.svg" alt="Product Box" 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="9" y1="12" x2="53" y2="55"><stop offset="0" stop-color="#9140e8"/><stop offset="1" stop-color="#1678ff"/></linearGradient></defs><g id="layer-1" data-name="Shape 1"><path d="M32 7L55 19L55 45L32 57L9 45L9 19Z" fill="url(#g0) #1678ff" stroke="#4735b8" stroke-width="2.5" stroke-linejoin="round"/></g><g id="layer-2" data-name="Shape 2"><path d="M9 19L32 31L55 19M32 31L32 57" fill="none" stroke="#4735b8" stroke-width="2.5" stroke-linejoin="round"/></g><g id="layer-3" data-name="Shape 3"><path d="M21 13L44 25L44 34L38 31L38 22L15 16" fill="#ff786e"/></g><g id="layer-4" data-name="Shape 4"><path d="M14 22L29 30M36 34L36 51" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-opacity="0.3"/></g></svg>
CSS background-image
.product-box {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/GyL1PKKnMZQn/amnt.svg");
  background-size: contain;
}
React
import ProductBoxSvg from "./product-box.jsx"; // from the React tab above

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

Tags

boxproductpackageshipping

Made with AMNT

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