Add icons to this collection by clicking the heart icon.
Cans icon - also known as ball, entertainment, game, can, fair, and cans. Created in a clean lineal color style with a silver, gray, black, yellow, and orange 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>
<path
d="M0 0h55l29 33v180l-29 33H-55l-28-33V33l28-33Z"
transform="matrix(1.33333 0 0 -1.33333 229.333 669.333)"
fill="#76e5ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-24L5-33v-180l-29-33H0l29 33v180z"
transform="matrix(1.33333 0 0 -1.33333 302.667 341.333)"
fill="#19e2f7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 29 33h-167l28-33Z"
transform="matrix(1.33333 0 0 -1.33333 302.667 669.333)"
fill="#87a3af"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h24l29 33H29Z"
transform="matrix(1.33333 0 0 -1.33333 270.667 669.333)"
fill="#678793"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-55l-28-33H84L55 0Z"
transform="matrix(1.33333 0 0 -1.33333 229.333 341.333)"
fill="#87a3af"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-29 33h-24l29-33Z"
transform="matrix(1.33333 0 0 -1.33333 341.333 385.333)"
fill="#678793"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h55l29 33v180l-29 33H-55l-28-33V33l28-33Z"
transform="matrix(1.33333 0 0 -1.33333 452 669.333)"
fill="#76e5ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-24L5-33v-180l-29-33H0l29 33v180z"
transform="matrix(1.33333 0 0 -1.33333 525.333 341.333)"
fill="#19e2f7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 29 33h-167l28-33Z"
transform="matrix(1.33333 0 0 -1.33333 525.333 669.333)"
fill="#87a3af"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h24l29 33H29Z"
transform="matrix(1.33333 0 0 -1.33333 493.333 669.333)"
fill="#678793"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-55l-28-33H84L55 0Z"
transform="matrix(1.33333 0 0 -1.33333 452 341.333)"
fill="#87a3af"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-29 33h-24l29-33Z"
transform="matrix(1.33333 0 0 -1.33333 564 385.333)"
fill="#678793"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h55l29 33v180l-29 33H-55l-28-33V33l28-33Z"
transform="matrix(1.33333 0 0 -1.33333 340.667 341.333)"
fill="#76e5ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-24L5-33v-180l-29-33H0l29 33v180z"
transform="matrix(1.33333 0 0 -1.33333 414 13.333)"
fill="#19e2f7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 29 33h-167l28-33Z"
transform="matrix(1.33333 0 0 -1.33333 414 341.333)"
fill="#87a3af"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h24l29 33H29Z"
transform="matrix(1.33333 0 0 -1.33333 382 341.333)"
fill="#678793"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-55l-28-33H84L55 0Z"
transform="matrix(1.33333 0 0 -1.33333 340.667 13.333)"
fill="#87a3af"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-29 33h-24l29-33Z"
transform="matrix(1.33333 0 0 -1.33333 452.667 57.333)"
fill="#678793"
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="M0 0c0-49.706-40.294-90-90-90s-90 40.294-90 90 40.294 90 90 90S0 49.706 0 0"
transform="translate(346 100)"
fill="#ffd815"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c11.042-14.943 17.573-33.421 17.573-53.427 0-49.706-40.295-90-90-90-20.006 0-38.484 6.531-53.427 17.572 16.391-22.183 42.727-36.572 72.427-36.572 49.705 0 90 40.294 90 90C36.573-42.728 22.184-16.392 0 0"
transform="translate(309.427 172.427)"
fill="#f4ba00"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-74"
transform="translate(172 256)"
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 0h74"
transform="translate(98 10)"
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-117.5l28-33h110l3.28 3.73"
transform="translate(89 160.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 0v33l-29 33h-110l-28-33V5.5"
transform="translate(256 190)"
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 0h74"
transform="translate(172 256)"
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-74"
transform="translate(246 10)"
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 0h167"
transform="translate(89 223)"
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-97.35"
transform="translate(186.35 43)"
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-74"
transform="translate(339 256)"
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 0h74"
transform="translate(265 10)"
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 0v27.583l-29 33h-110l-28-33v-33"
transform="translate(423 195.417)"
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 2.99-3.52h110l29 33v117.562"
transform="translate(281.01 13.52)"
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 0h74"
transform="translate(339 256)"
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-74"
transform="translate(413 10)"
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 0h167"
transform="translate(256 223)"
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-97.35"
transform="translate(423 43)"
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-74"
transform="translate(255.5 502)"
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 0h74"
transform="translate(181.5 256)"
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 0v53.833l-29 33h-110l-28-33v-180l28-33h110l29 33v91"
transform="translate(339.5 415.167)"
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 0h74"
transform="translate(255.5 502)"
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-74"
transform="translate(329.5 256)"
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 0h167"
transform="translate(172.5 469)"
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-167"
transform="translate(339.5 289)"
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 0c0-49.706-40.294-90-90-90s-90 40.294-90 90 40.294 90 90 90S0 49.706 0 0Z"
transform="translate(346 100)"
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-51.84c0-27.614 22.386-50 50-50s50 22.386 50 50V0"
transform="translate(206 174.84)"
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