Add icons to this collection by clicking the heart icon.
Cups icon - also known as beverage, party, carnival, plastic cup, cups, birthday and party, and mardi gras. Created in a clean lineal color style with a white, silver, gray, black, teal, orange, and pink 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="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="m0 0-4.885-61.995C-6.101-77.422-18.974-89.32-34.447-89.32h-70.592c-15.474 0-28.347 11.898-29.563 27.325L-139.486 0Z"
transform="translate(460.142 96.82)"
fill="#fccb88"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-4.885 61.995h-30L-30 0c1.216-15.427 14.089-27.325 29.563-27.325h30C14.089-27.325 1.216-15.427 0 0"
transform="translate(355.54 34.825)"
fill="#fab659"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 4.885-61.995C6.101-77.422 18.974-89.32 34.447-89.32h70.592c15.474 0 28.347 11.898 29.563 27.325L139.486 0Z"
transform="translate(51.858 96.82)"
fill="#a47cd1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-4.885 61.995h-30L-30 0c1.216-15.427 14.089-27.325 29.563-27.325h29.999C14.089-27.325 1.216-15.427 0 0"
transform="translate(86.743 34.825)"
fill="#986acb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-4.885-61.995C-6.101-77.422-18.974-89.32-34.447-89.32h-70.592c-15.474 0-28.347 11.898-29.563 27.325L-139.486 0Z"
transform="translate(325.743 344.334)"
fill="#00d1b3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-4.885 61.995h-30L-30 0c1.216-15.427 14.089-27.325 29.563-27.325h29.999C14.089-27.325 1.216-15.427 0 0"
transform="translate(221.142 282.339)"
fill="#00c4a2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 8.578-99.001c.982-12.458 11.377-22.067 23.873-22.067h114.043c12.496 0 22.892 9.609 23.873 22.067L178.945 0 89.473 26.813Z"
transform="translate(32.129 203.36)"
fill="#bc9bdd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 8.578-99.001c.982-12.458 11.377-22.067 23.873-22.067h30c-12.496 0-22.891 9.609-23.873 22.067L30 0Z"
transform="translate(32.129 203.36)"
fill="#a47cd1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-8.578-99.001c-.982-12.458-11.377-22.067-23.873-22.067h-114.043c-12.496 0-22.892 9.609-23.873 22.067L-178.945 0l89.472 26.813Z"
transform="translate(479.871 203.36)"
fill="#f9ed80"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 8.578-99.001c.982-12.458 11.377-22.067 23.873-22.067h30c-12.496 0-22.891 9.609-23.873 22.067L30 0Z"
transform="translate(300.926 203.36)"
fill="#fccb88"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-8.578-99.002c-.982-12.457-11.377-22.066-23.873-22.066h-114.043c-12.496 0-22.892 9.609-23.873 22.066L-178.945 0l89.472 26.813Z"
transform="translate(345.473 450.873)"
fill="#50e1cd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 8.578-99.002c.982-12.457 11.377-22.066 23.873-22.066h30c-12.496 0-22.891 9.609-23.873 22.066L30 0Z"
transform="translate(166.527 450.873)"
fill="#00d1b3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-178.945c-11.737 0-21.251-9.514-21.251-21.251v-11.125c0-11.736 9.514-21.251 21.251-21.251H0c11.736 0 21.25 9.515 21.25 21.251v11.125C21.25-9.514 11.736 0 0 0"
transform="translate(211.074 256.986)"
fill="#e4e4e4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v11.126c0 11.736 9.514 21.25 21.25 21.25h-30c-11.736 0-21.25-9.514-21.25-21.25V0c0-11.736 9.514-21.251 21.25-21.251h30C9.514-21.251 0-11.736 0 0"
transform="translate(40.879 224.61)"
fill="#d6d6d4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h178.945c11.737 0 21.251-9.514 21.251-21.251v-11.125c0-11.736-9.514-21.251-21.251-21.251H0c-11.736 0-21.25 9.515-21.25 21.251v11.125C-21.25-9.514-11.736 0 0 0"
transform="translate(300.926 256.986)"
fill="#e4e4e4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v11.126c0 11.736 9.514 21.25 21.25 21.25h-30c-11.736 0-21.25-9.514-21.25-21.25V0c0-11.736 9.514-21.251 21.25-21.251h30C9.514-21.251 0-11.736 0 0"
transform="translate(309.676 224.61)"
fill="#d6d6d4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h178.945c11.737 0 21.25-9.515 21.25-21.251v-11.126c0-11.736-9.513-21.25-21.25-21.25H0c-11.736 0-21.25 9.514-21.25 21.25v11.126C-21.25-9.515-11.736 0 0 0"
transform="translate(166.527 504.5)"
fill="#e4e4e4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v11.125c0 11.736 9.514 21.251 21.25 21.251h-30c-11.736 0-21.25-9.515-21.25-21.251V0c0-11.737 9.514-21.251 21.25-21.251h30C9.514-21.251 0-11.737 0 0"
transform="translate(175.277 472.124)"
fill="#d6d6d4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-9.896"
transform="translate(70.1 159.193)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-9.896"
transform="translate(173.102 159.193)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c3.302-3.788 8.158-6.186 13.578-6.186S23.854-3.788 27.156 0"
transform="translate(108.023 149.592)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-9.896"
transform="translate(441.9 159.193)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-9.896"
transform="translate(338.897 159.193)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-3.302-3.788-8.158-6.186-13.578-6.186S-23.854-3.788-27.156 0"
transform="translate(403.977 149.592)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-113.199c-11.737 0-21.25-9.515-21.25-21.251v-11.125c0-11.737 9.513-21.251 21.25-21.251H65.746c11.736 0 21.25 9.514 21.25 21.251v11.125C86.996-9.515 77.482 0 65.746 0H30"
transform="translate(279.727 504.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-9.896"
transform="translate(307.501 406.707)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-9.896"
transform="translate(204.499 406.707)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-3.302-3.788-8.158-6.186-13.578-6.186S-23.854-3.788-27.156 0"
transform="translate(269.578 397.106)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-8.578-99.002c-.982-12.457-11.377-22.066-23.873-22.066h-114.043c-12.496 0-22.892 9.609-23.874 22.066L-178.945 0Z"
transform="translate(345.473 450.873)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-38.449c-11.737 0-21.25-9.514-21.25-21.251v-11.125c0-11.737 9.513-21.251 21.25-21.251h178.945c11.736 0 21.25 9.514 21.25 21.251v11.125c0 8.569-5.082 15.935-12.389 19.297A29.518 29.518 0 0 0 139.492 0H30"
transform="translate(70.578 256.986)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-177.941a29.555 29.555 0 0 0-9.867-1.954c-7.305-3.362-12.387-10.728-12.387-19.297v-11.125c0-11.737 9.513-21.251 21.25-21.251H0c11.736 0 21.25 9.514 21.25 21.251v11.125C21.25-9.514 11.736 0 0 0Z"
transform="translate(479.871 256.986)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-114.043a23.821 23.821 0 0 0-11.825 3.149l3.988-50.615c1.216-15.427 14.089-27.325 29.563-27.325h70.59c15.475 0 28.348 11.898 29.564 27.325l3.987 50.615A23.815 23.815 0 0 0 0 0Z"
transform="translate(313.022 329.805)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-114.043a23.821 23.821 0 0 0-11.825 3.149l3.988-50.615c1.216-15.427 14.089-27.325 29.563-27.325h70.59c15.475 0 28.348 11.898 29.564 27.325l3.987 50.615A23.815 23.815 0 0 0 0 0Z"
transform="translate(178.623 82.291)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 8.577-99.002c.983-12.457 11.378-22.066 23.874-22.066h114.043c12.496 0 22.892 9.609 23.873 22.066L178.945 0Z"
transform="translate(32.129 203.36)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-114.043a23.821 23.821 0 0 0-11.825 3.149l3.988-50.615c1.216-15.427 14.089-27.325 29.564-27.325h70.589c15.475 0 28.348 11.898 29.564 27.325l3.987 50.615A23.815 23.815 0 0 0 0 0Z"
transform="translate(447.42 82.291)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-8.578-99.002c-.982-12.457-11.377-22.066-23.873-22.066h-114.043c-12.496 0-22.892 9.609-23.873 22.066L-178.945 0Z"
transform="translate(479.871 203.36)"
fill="none"
stroke="#000"
stroke-width="15"
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