Add icons to this collection by clicking the heart icon.
Box icon - also known as box, package, cardboard, 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient id="a">
<stop offset="0" stop-color="#e65c00" />
<stop offset="1" stop-color="#f9d423" />
</linearGradient>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(-976.644 262.495 -213.873 825.093 545.379 150.169)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(-673.541 845.799 738.862 185.219 662.131 -417.408)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(-673.541 262.495 738.862 825.093 662.131 156.015)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(-865.841 865.841) rotate(47.648 -.134 -.837)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(-1974.98 1974.98) rotate(47.648 .13 -.666)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#b)"
d="M126.826 189.725c3.93 0 6.35 2.096 6.35 5.5v143.132c0 3.404-2.42 7.597-6.35 11-3.93 3.404-8.772 5.5-12.702 5.5H-51.151c-3.93 0-6.351-2.096-6.351-5.5V206.225c0-3.404 2.421-7.597 6.351-11 3.929-3.404 8.771-5.5 12.701-5.5zm-19.053 22H-32.099v121.132h139.872z"
transform="matrix(-.866 -.5 -1 .577 561.06 35.073)"
/>
<path
fill="url(#c)"
d="M301.954 82.703c3.93 0 6.351 2.096 6.351 5.5v143.132c0 3.404-2.421 7.597-6.351 11-3.93 3.404-8.772 5.5-12.702 5.5H123.977c-3.93 0-6.351-2.096-6.351-5.5V99.203c0-3.404 2.421-7.597 6.351-11 3.93-3.404 8.772-5.5 12.702-5.5zm-19.052 22H143.03v121.132h139.872z"
transform="matrix(-.866 .5 0 1.155 512 0)"
/>
<path
fill="url(#d)"
d="M454.528 338.703c3.93 0 8.772 2.096 12.702 5.5 3.929 3.403 6.35 7.596 6.35 11v143.132c0 3.404-2.421 5.5-6.35 5.5H301.954c-3.93 0-8.772-2.096-12.702-5.5-3.929-3.403-6.35-7.596-6.35-11V344.203c0-3.404 2.421-5.5 6.35-5.5zm-6.351 22H308.305v121.132h139.872z"
transform="matrix(-.866 -.5 0 1.155 512 0)"
/>
<path
fill="url(#e)"
d="M322.066 224.207 178.934 141.57c-5.258-3.036-7.062-9.769-4.027-15.027 3.036-5.257 9.769-7.061 15.027-4.026l143.132 82.638c5.258 3.035 7.062 9.768 4.027 15.026-3.036 5.258-9.769 7.062-15.027 4.026z"
transform="matrix(-1 0 0 1 512 0)"
/>
<path
fill="url(#f)"
d="M352.657 214.681v165.238c0 13.849-11.243 25.091-25.091 25.091s-25.091-11.242-25.091-25.091V214.681c0-13.848 11.243-25.091 25.091-25.091s25.091 11.243 25.091 25.091z"
transform="matrix(-.438 0 0 .438 328.04 120.564)"
/>
</g>
</svg>
More icons in the same style and category