Add icons to this collection by clicking the heart icon.
Box icon - also known as business, box, package, cardboard, packaging, broken, fragile, transportation, delivery, handle, commerce and shopping, care, moving, move, and shipping and delivery. Created in a clean gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="100"
height="100"
viewBox="0 0 480 480"
>
<linearGradient
id="a"
x1="-58.645"
x2="5.295"
y1="587.625"
y2="587.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ee235f" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path
d="m479.816 150.264-32-144A8 8 0 0 0 440 0H40a8 8 0 0 0-7.816 6.264l-32 144c-.056.264 0 .52 0 .8A7.664 7.664 0 0 0 0 152v320a8 8 0 0 0 8 8h464a8 8 0 0 0 8-8V152a7.715 7.715 0 0 0-.192-.952c-.032-.264.064-.52.008-.784zM462.024 144H295.2L280.936 16H433.6l28.424 128zM200 160h80v128h-80V160zm64.8-144 14.232 128h-78.096L215.2 16h49.6zM46.4 16h152.664L184.84 144H17.976L46.4 16zM464 464H16V160h168v136a8 8 0 0 0 8 8h96a8 8 0 0 0 8-8V160h168v304z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-58.645"
x2="5.295"
y1="564.625"
y2="564.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ee235f" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path
d="M72 400H40a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8zm-8 32H48v-16h16v16z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-58.645"
x2="5.295"
y1="566.625"
y2="566.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ee235f" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path
d="M146.344 405.656a8 8 0 0 0 11.312-11.312l-24-24a7.911 7.911 0 0 0-2.608-1.736 8 8 0 0 0-6.112 0 7.911 7.911 0 0 0-2.608 1.736l-24 24a8 8 0 0 0 11.312 11.312L120 395.312V432h-16a8 8 0 0 0 0 16h48a8 8 0 0 0 0-16h-16v-36.688l10.344 10.344z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-58.645"
x2="5.295"
y1="566.625"
y2="566.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ee235f" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path d="M384 400h16v16h-16v-16z" fill="url(#d)" />
<linearGradient
id="e"
x1="-58.645"
x2="5.295"
y1="566.625"
y2="566.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ee235f" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path d="M416 400h32v16h-32v-16z" fill="url(#e)" />
<linearGradient
id="f"
x1="-58.645"
x2="5.295"
y1="562.625"
y2="562.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ee235f" />
<stop offset="1" stop-color="#f7b733" />
</linearGradient>
<path d="M384 432h64v16h-64v-16z" fill="url(#f)" />
</svg>
More icons in the same style and category