Add icons to this collection by clicking the heart icon.
Milk Box icon - also known as drink, beverage, milk box, food and restaurant, milk carton, and dairy products. Created in a clean outline 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 128 128"
>
<linearGradient
id="a"
x1="64"
x2="98"
y1="35.5"
y2="35.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d3d9d8" />
<stop offset="1" stop-color="#adb8ba" />
</linearGradient>
<linearGradient
id="b"
x1="84.5"
x2="84.5"
y1="29"
y2="46"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7d8e94" stop-opacity="0" />
<stop offset=".987" stop-color="#7d8e94" />
</linearGradient>
<linearGradient
id="c"
x1="34"
x2="82"
y1="81.5"
y2="81.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#dce2e1" />
<stop offset="1" stop-color="#c0ccce" />
</linearGradient>
<linearGradient
id="e"
x1="58"
x2="58"
y1="93"
y2="120"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#92a6ad" stop-opacity="0" />
<stop offset=".987" stop-color="#92a6ad" />
</linearGradient>
<linearGradient id="g" x1="82" x2="98" y1="79" y2="79" href="#a" />
<linearGradient id="h" x1="90" x2="90" y1="80" y2="120" href="#b" />
<linearGradient id="i" x1="34" x2="89" y1="30" y2="30" href="#c" />
<linearGradient id="j" x1="41" x2="89" y1="12.5" y2="12.5" href="#c" />
<linearGradient
id="d"
x1="34"
x2="82"
y1="80"
y2="80"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#55c6ec" />
<stop offset="1" stop-color="#267dbf" />
</linearGradient>
<linearGradient id="k" x1="82" x2="98" y1="77.5" y2="77.5" href="#d" />
<linearGradient id="l" x1="59.75" x2="59.75" y1="30" y2="43" href="#e" />
<linearGradient id="m" x1="65" x2="65" y1="13" y2="17" href="#e" />
<linearGradient
id="f"
x1="58"
x2="58"
y1="85"
y2="98"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#267dbf" stop-opacity="0" />
<stop offset=".971" stop-color="#267dbf" />
</linearGradient>
<linearGradient id="n" x1="90" x2="90" y1="77" href="#f" />
<linearGradient
id="o"
x1="66"
x2="66"
y1="7"
y2="121"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#2d2d2d" />
<stop offset=".987" stop-color="#141414" />
</linearGradient>
<g>
<path fill="url(#a)" d="m64 54 25-37 9 21z" />
<path fill="url(#b)" d="M71 43.64V46h10l17-8-3.857-9H80.892z" />
<path fill="url(#c)" d="M34 43h48v77H34z" />
<path fill="url(#e)" d="M34 93h48v27H34z" />
<path fill="url(#g)" d="m82 43 16-5v77l-16 5z" />
<path fill="url(#h)" d="M82 80v40l16-5V80z" />
<path fill="url(#i)" d="M82 43H34l7-26h48z" />
<path fill="url(#j)" d="M41 8h48v9H41z" />
<path fill="url(#d)" d="M34 62h48v36H34z" />
<path fill="url(#k)" d="M98 57v36l-16 5V62z" />
<path fill="url(#l)" d="M37.5 30 34 43h48l3.5-13z" />
<path fill="url(#m)" d="M41 13h48v4H41z" />
<path fill="url(#f)" d="M34 85h48v13H34z" />
<path fill="url(#n)" d="M82 77v21l16-5V77z" />
</g>
<path
fill="url(#o)"
d="M98.919 37.606 90 16.796V8a1 1 0 0 0-1-1H41a1 1 0 0 0-1 1v8.867L33.034 42.74a.934.934 0 0 0-.003.109A.95.95 0 0 0 33 43v77a1 1 0 0 0 1 1h48a1.006 1.006 0 0 0 .298-.045l16-5A1 1 0 0 0 99 115V37.998a.994.994 0 0 0-.081-.392zm-9.703-17.563 7.429 17.333-13.206 4.127zM42 9h46v7H42zm39 110H35V99h46zm0-22H35V63h46zm0-36H35V44h46zm.233-19H35.305l6.462-24h45.928zM97 114.265l-14 4.375V98.735l14-4.375zm0-22L83 96.64V62.735l14-4.375zm0-36L83 60.64V43.735l14-4.375z"
/>
</svg>
More icons in the same style and category