Add icons to this collection by clicking the heart icon.
Boxes icon - also known as box, package, cardboard, packaging, boxes, merchandise, delivery, shipping, cardboard box, and shipping and delivery. Created in a clean lineal style with a white, silver, and navy finish, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="b" clipPathUnits="userSpaceOnUse">
<path
d="M33.62 445.337C-5.945 389.652 70.286 337.37 60.956 290.213 46.901 219.173-12.259 155.204 2.282 79.184c8.065-42.166 54.14-61.19 90.594-41.319 65.962 35.957 108.471 123.863 198.899 97.862 46.61-13.401 95.058-42.912 144.364-27.874 83.238 25.388 86.886 175.728 63.265 218.035-21.181 37.934-76.494 47.84-117.149 37.122-100.677-26.543-152.399 81.882-239.998 114.193-8.885 3.277-18.803 4.831-29.008 4.831-30.357.003-63.314-13.733-79.629-36.697"
/>
</clipPath>
<clipPath id="e" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="f" clipPathUnits="userSpaceOnUse">
<path d="M47.87 419.53h416.26V44.47H47.87Z" />
</clipPath>
<linearGradient
id="a"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(512 0 0 -512 0 256)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="0" stop-color="#fff" />
<stop offset="1" stop-opacity="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(512 0 0 -512 0 256)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#d1ddff" />
<stop offset="1" stop-opacity="1" stop-color="#b6c4ff" />
</linearGradient>
<mask
id="c"
width="1"
height="1"
x="0"
y="0"
maskUnits="userSpaceOnUse"
>
<path
d="M-32768 32767h65535v-65535h-65535Z"
fill="url(#a)"
stroke="none"
/>
</mask>
</defs>
<g clip-path="url(#b)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<g mask="url(#c)">
<path
d="M33.62 445.337C-5.945 389.652 70.286 337.37 60.956 290.213 46.901 219.173-12.259 155.204 2.282 79.184c8.065-42.166 54.14-61.19 90.594-41.319 65.962 35.957 108.471 123.863 198.899 97.862 46.61-13.401 95.058-42.912 144.364-27.874 83.238 25.388 86.886 175.728 63.265 218.035-21.181 37.934-76.494 47.84-117.149 37.122-100.677-26.543-152.399 81.882-239.998 114.193-8.885 3.277-18.803 4.831-29.008 4.831-30.357.003-63.314-13.733-79.629-36.697"
fill="url(#d)"
stroke="none"
/>
</g>
</g>
<g clip-path="url(#e)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<g clip-path="url(#f)" opacity=".1">
<path
d="M0 0h-80c5.523 0 10 4.477 10 10v46.499h48.877c5.868 0 10.625 4.757 10.625 10.625v63.75c0 5.868-4.757 10.625-10.625 10.625h-63.75c-5.868 0-10.625-4.757-10.625-10.625V117.53h-60.582v50c0 5.523-4.477 10-10 10h-145.181c-5.523 0-10-4.477-10-10V-13.154c0 5.868-4.757 10.625-10.625 10.625h-63.75c-5.868 0-10.625-4.757-10.625-10.625v-63.75c0-5.868 4.757-10.625 10.625-10.625h26.979V-187.53c0-5.523 4.477-10 10-10H0c5.523 0 10 4.477 10 10V-10C10-4.477 5.523 0 0 0"
transform="translate(454.13 242)"
fill="#2626bb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<path
d="M0 0h-173.478c-5.52 0-10 4.48-10 10v137.53c0 5.52 4.48 10 10 10h47.398l11.624 5H-10Z"
transform="translate(268.95 68.47)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-29.141a5 5 0 0 0-5 5v38.061H5V5a5 5 0 0 0-5-5"
transform="translate(202.634 182.939)"
fill="#6582fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-14.57a5 5 0 0 0-5 5v38.061H0Z"
transform="translate(188.064 182.939)"
fill="#6582fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-70.926c0-5.523 4.477-10 10-10h185.181c5.523 0 10 4.477 10 10v137.53c0 5.523-4.477 10-10 10H48"
transform="translate(85.474 149.396)"
fill="none"
stroke="#2626bb"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-22.617a5 5 0 0 0-5 5v22.617a5 5 0 0 0 5 5H0a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5"
transform="translate(130.863 84.04)"
fill="#6582fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a5 5 0 1 0 10.001-.001A5 5 0 0 0 0 0"
transform="translate(103.245 131.554)"
fill="#2626bb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a5 5 0 1 0 10.001-.001A5 5 0 0 0 0 0"
transform="translate(103.245 149.121)"
fill="#2626bb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-145.181c-5.523 0-10 4.477-10 10v197.53c0 5.523 4.477 10 10 10h53.02l5.453-5h29.229l4.459 5H0c5.523 0 10-4.477 10-10V10C10 4.477 5.523 0 0 0"
transform="translate(288.05 226)"
fill="#6582fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-29.141a5 5 0 0 0-5 5v58.061H5V5a5 5 0 0 0-5-5"
transform="translate(230.03 380.469)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-14.57a5 5 0 0 0-5 5v58.061H0Z"
transform="translate(215.46 380.469)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-22.617a5 5 0 0 0-5 5v22.617a5 5 0 0 0 5 5H0a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5"
transform="translate(178.259 241.57)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-145.181c-5.523 0-10 4.477-10 10v197.53c0 5.523 4.477 10 10 10H0c5.523 0 10-4.477 10-10V10C10 4.477 5.523 0 0 0Z"
transform="translate(288.05 226)"
fill="none"
stroke="#2626bb"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a5 5 0 1 0 10.001-.001A5 5 0 0 0 0 0"
transform="translate(150.641 289.084)"
fill="#2626bb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a5 5 0 1 0 10.001-.001A5 5 0 0 0 0 0"
transform="translate(150.641 306.651)"
fill="#2626bb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-97.53c0-5.52-4.48-10-10-10l-12.592-5h-77.819l-14.769 5c-5.53 0-10 4.48-10 10V0c0 5.52 4.47 10 10 10h33.018l7.369-5h24.965l6.806 5H-10c.26 0 .52-.01.77-.03C-4.07 9.57 0 5.26 0 0"
transform="translate(384.132 373.53)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-29.141a5 5 0 0 0-5 5v32.061H5V5a5 5 0 0 0-5-5"
transform="translate(336.11 346.469)"
fill="#6582fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-14.57a5 5 0 0 0-5 5v32.061H0Z"
transform="translate(321.54 346.469)"
fill="#6582fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-22.617a5 5 0 0 0-5 5v22.617a5 5 0 0 0 5 5H0a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5"
transform="translate(304.339 281.57)"
fill="#6582fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-105.181c-5.523 0-10 4.477-10 10v97.53c0 5.523 4.477 10 10 10H0c5.523 0 10-4.477 10-10V10C10 4.477 5.523 0 0 0Z"
transform="translate(374.13 266)"
fill="none"
stroke="#2626bb"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a5 5 0 1 0 10.001-.001A5 5 0 0 0 0 0"
transform="translate(276.721 329.084)"
fill="#2626bb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a5 5 0 1 0 10.001-.001A5 5 0 0 0 0 0"
transform="translate(276.721 346.651)"
fill="#2626bb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-185.181c-5.523 0-10 4.477-10 10v177.53c0 5.523 4.477 10 10 10h73.02l6.785-5h25.378l6.978 5H0c5.523 0 10-4.477 10-10V10C10 4.477 5.523 0 0 0"
transform="translate(454.13 68.47)"
fill="#6582fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-29.141a5 5 0 0 0-5 5v48.061H5V5a5 5 0 0 0-5-5"
transform="translate(376.11 212.939)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-14.57a5 5 0 0 0-5 5v48.061H0Z"
transform="translate(361.54 212.939)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-22.617a5 5 0 0 0-5 5v22.617a5 5 0 0 0 5 5H0a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5"
transform="translate(306.339 84.04)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a5 5 0 1 0 10.001-.001A5 5 0 0 0 0 0"
transform="translate(278.721 131.554)"
fill="#2626bb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a5 5 0 1 0 10.001-.001A5 5 0 0 0 0 0"
transform="translate(278.721 149.121)"
fill="#2626bb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-136.347c-5.523 0-10-4.477-10-10v-177.53c0-5.523 4.477-10 10-10h185.18c5.523 0 10 4.477 10 10V-10c0 5.523-4.477 10-10 10H30.137"
transform="translate(405.297 266)"
fill="none"
stroke="#2626bb"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a5 5 0 0 1 0 10h-33.584a5 5 0 0 1 0-10z"
transform="translate(426.714 88.04)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a5 5 0 1 1-10.001-.001A5 5 0 0 1 0 0"
transform="translate(448.598 93.04)"
fill="#2626bb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-19.584a5 5 0 0 1 0-10H0A5 5 0 0 1 0 0"
transform="translate(426.714 117.606)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a5 5 0 1 1-10.001-.001A5 5 0 0 1 0 0"
transform="translate(448.598 112.606)"
fill="#2626bb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-63.75c-5.868 0-10.625 4.757-10.625 10.625v63.75C-74.375 80.243-69.618 85-63.75 85H0c5.868 0 10.625-4.757 10.625-10.625v-63.75C10.625 4.757 5.868 0 0 0"
transform="translate(433.007 322.5)"
fill="#6582fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-63.75c-5.868 0-10.625 4.757-10.625 10.625v63.75C-74.375 80.243-69.618 85-63.75 85H0c5.868 0 10.625-4.757 10.625-10.625v-63.75C10.625 4.757 5.868 0 0 0Z"
transform="translate(433.007 322.5)"
fill="none"
stroke="#2626bb"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-17.06 22.546a3.377 3.377 0 0 1-5.386 0L-39.506 0c-1.684-2.225-.096-5.416 2.693-5.416h5.288v-11.647a3.377 3.377 0 0 1 3.377-3.378h16.79a3.377 3.377 0 0 1 3.377 3.378v11.647h5.288C.096-5.416 1.683-2.225 0 0"
transform="translate(420.885 365.277)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h63.75c5.868 0 10.625-4.757 10.625-10.625v-63.75C74.375-80.243 69.618-85 63.75-85H0c-5.868 0-10.625 4.757-10.625 10.625v63.75C-10.625-4.757-5.868 0 0 0"
transform="translate(58.495 263.471)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h63.75c5.868 0 10.625-4.757 10.625-10.625v-63.75C74.375-80.243 69.618-85 63.75-85H0c-5.868 0-10.625 4.757-10.625 10.625v63.75C-10.625-4.757-5.868 0 0 0Z"
transform="translate(58.495 263.471)"
fill="none"
stroke="#2626bb"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 17.06-22.546a3.377 3.377 0 0 1 5.386 0L39.506 0c1.683 2.225.096 5.416-2.693 5.416h-5.288v11.647a3.377 3.377 0 0 1-3.377 3.378h-16.79a3.377 3.377 0 0 1-3.377-3.378V5.416H2.693C-.096 5.416-1.683 2.225 0 0"
transform="translate(70.617 220.694)"
fill="#6582fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-5.799-4.701-10.5-10.5-10.5C-4.701-10.5 0-15.201 0-21c0 5.799 4.701 10.5 10.5 10.5C4.701-10.5 0-5.799 0 0Z"
transform="translate(72.232 310.763)"
fill="none"
stroke="#6582fd"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-5.799-4.701-10.5-10.5-10.5C-4.701-10.5 0-15.201 0-21c0 5.799 4.701 10.5 10.5 10.5C4.701-10.5 0-5.799 0 0Z"
transform="translate(396.616 45.54)"
fill="none"
stroke="#6582fd"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-5.799-4.701-10.5-10.5-10.5C-4.701-10.5 0-15.201 0-21c0 5.799 4.701 10.5 10.5 10.5C4.701-10.5 0-5.799 0 0Z"
transform="translate(398.13 451.254)"
fill="none"
stroke="#6582fd"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 .099-.057"
transform="translate(81.973 353.685)"
fill="none"
stroke="#6582fd"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 .099-.057"
transform="translate(106.875 339.308)"
fill="none"
stroke="#6582fd"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-.099-.057"
transform="translate(106.973 353.685)"
fill="none"
stroke="#6582fd"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-.099-.057"
transform="translate(82.072 339.308)"
fill="none"
stroke="#6582fd"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-.099-.057"
transform="translate(106.973 353.685)"
fill="none"
stroke="#6582fd"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-.099-.057"
transform="translate(82.072 339.308)"
fill="none"
stroke="#6582fd"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-.114"
transform="translate(94.473 360.902)"
fill="none"
stroke="#6582fd"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-.114"
transform="translate(94.473 332.149)"
fill="none"
stroke="#6582fd"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 .099-.057"
transform="translate(335.255 455.13)"
fill="none"
stroke="#6582fd"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 .099-.057"
transform="translate(360.156 440.754)"
fill="none"
stroke="#6582fd"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-.099-.057"
transform="translate(360.255 455.13)"
fill="none"
stroke="#6582fd"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-.099-.057"
transform="translate(335.353 440.754)"
fill="none"
stroke="#6582fd"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-.099-.057"
transform="translate(360.255 455.13)"
fill="none"
stroke="#6582fd"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-.099-.057"
transform="translate(335.353 440.754)"
fill="none"
stroke="#6582fd"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-.114"
transform="translate(347.755 462.348)"
fill="none"
stroke="#6582fd"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-.114"
transform="translate(347.755 433.594)"
fill="none"
stroke="#6582fd"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category