Add icons to this collection by clicking the heart icon.
Juice Box icon - also known as food, drink, box, fruit, beverage, container, straw, juice, drink set, food and restaurant, and juice box. Created in a clean lineal color 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="b" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="M122 10h300v392H122Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#f9f9f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M122 10h300v392H122Z"
fill="none"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="M0 0v150h300v-40Z"
transform="matrix(1.33333 0 0 -1.33333 162.667 346.667)"
fill="#ffc144"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v150h300v-40Z"
transform="matrix(1.33333 0 0 -1.33333 162.667 346.667)"
fill="none"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<g clip-path="url(#b)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="m0 0 2.471-5.023-27.84-34.027-8.163 16.595c-3.21 6.527-9.296 10.323-15.739 11.042v42.679C-29.358 30.883-9.846 20.018 0 0"
transform="translate(155.271 470.724)"
fill="#f9f9f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 2.471-5.023-27.84-34.027-8.163 16.595c-3.21 6.527-9.296 10.323-15.739 11.042v42.679C-29.358 30.883-9.846 20.018 0 0Z"
transform="translate(155.271 470.724)"
fill="none"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c11.53 12.413 26.885 18.161 42.008 17.871v-42.679c-6.005.67-12.32-1.332-16.914-6.316L14.536-43.567-9.048-10.484Z"
transform="translate(63.992 484.119)"
fill="#f9f9f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c11.53 12.413 26.885 18.161 42.008 17.871v-42.679c-6.005.67-12.32-1.332-16.914-6.316L14.536-43.567-9.048-10.484Z"
transform="translate(63.992 484.119)"
fill="none"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 44.944 52.075 23.584-33.084-39.114-46.099Z"
transform="translate(10 421.56)"
fill="#f9f9f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 44.944 52.075 23.584-33.084-39.114-46.099Z"
transform="translate(10 421.56)"
fill="none"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M502 10h-80v392h80z"
fill="#ffc144"
fill-opacity="1"
fill-rule="nonzero"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="600,45,0,45"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0c0-24.057 13.07-45.06 32.495-56.299L65 0Z"
transform="translate(207 189)"
fill="#ffc144"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-24.057 13.07-45.06 32.495-56.299L65 0Z"
transform="translate(207 189)"
fill="none"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-9.562 5.533-20.663 8.701-32.504 8.701-11.842 0-22.943-3.168-32.505-8.701l32.505-56.299z"
transform="translate(304.505 245.3)"
fill="#ffc144"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-9.562 5.533-20.663 8.701-32.504 8.701-11.842 0-22.943-3.168-32.505-8.701l32.505-56.299z"
transform="translate(304.505 245.3)"
fill="none"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-32.505 56.299C-51.93 45.06-65 24.057-65 0Z"
transform="translate(272 189)"
fill="#ffc144"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-32.505 56.299C-51.93 45.06-65 24.057-65 0Z"
transform="translate(272 189)"
fill="none"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-32.504-56.299h65C32.496-32.243 19.425-11.24 0 0"
transform="translate(304.505 245.3)"
fill="#ffc144"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-32.504-56.299h65C32.496-32.243 19.425-11.24 0 0Z"
transform="translate(304.505 245.3)"
fill="none"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-32.505-56.299C-22.943-61.832-11.842-65 0-65c11.842 0 22.943 3.168 32.504 8.701z"
transform="translate(272 189)"
fill="#ffc144"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-32.505-56.299C-22.943-61.832-11.842-65 0-65c11.842 0 22.943 3.168 32.504 8.701z"
transform="translate(272 189)"
fill="none"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c19.425 11.24 32.496 32.243 32.496 56.299h-65z"
transform="translate(304.505 132.7)"
fill="#ffc144"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c19.425 11.24 32.496 32.243 32.496 56.299h-65z"
transform="translate(304.505 132.7)"
fill="none"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-40 60h80Z"
transform="translate(462 342)"
fill="#bb6b58"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-40 60h80Z"
transform="translate(462 342)"
fill="none"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-25.926 63.7-27.839-34.027L-43.517 0Z"
transform="translate(183.668 402)"
fill="#f9f9f9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-25.926 63.7-27.839-34.027L-43.517 0Z"
transform="translate(183.668 402)"
fill="none"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 40-60h-80Z"
transform="translate(462 70)"
fill="#bb6b58"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 40-60h-80Z"
transform="translate(462 70)"
fill="none"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h85"
transform="translate(162 362)"
fill="none"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="40,45,0,45"
stroke-dashoffset="0"
stroke-opacity="1"
/>
<path
d="M0 0h35"
transform="translate(162 322)"
fill="none"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-120h-300Z"
transform="translate(422 130)"
fill="#ffc144"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-120h-300Z"
transform="translate(422 130)"
fill="none"
stroke="#201b1b"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-45"
transform="translate(382 50)"
fill="none"
stroke="#201b1b"
stroke-width="20"
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