Add icons to this collection by clicking the heart icon.
Punch Bowl icon - also known as beverage, refreshment, citrus fruit, fruit juice, punch bowl, food and restaurant, orange juice, and birthday and party. Created in a clean flat 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">
<stop offset="0" stop-color="#916656" />
<stop offset="1" stop-color="#725440" />
</linearGradient>
<linearGradient
id="h"
x1="56.558"
x2="75.391"
y1="6.341"
y2="17.007"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#f0f1f1" />
<stop offset="1" stop-color="#e5e6e7" />
</linearGradient>
<linearGradient
id="i"
x1="-25.91"
x2="-10.41"
y1="65.389"
y2="66.639"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="7.461"
x2="-19.789"
y1="73.759"
y2="73.509"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="132.487"
x2="144.153"
y1="61.622"
y2="66.789"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="16.124"
x2="33.387"
y1="49.5"
y2="49.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a6b046" />
<stop offset="1" stop-color="#9ca728" />
</linearGradient>
<linearGradient
id="m"
x1="25.224"
x2="33.763"
y1="49.5"
y2="49.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#809000" />
<stop offset="1" stop-color="#6b7f00" />
</linearGradient>
<linearGradient
id="n"
x1="103.062"
x2="102.062"
y1="69.8"
y2="71.05"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="o"
x1="64"
x2="64"
y1="35.75"
y2="89.251"
gradientUnits="userSpaceOnUse"
>
<stop offset=".04" stop-color="#f98453" />
<stop offset=".809" stop-color="#fc754f" />
</linearGradient>
<linearGradient id="c">
<stop offset="0" stop-color="#ffd486" />
<stop offset=".824" stop-color="#ff9c34" />
</linearGradient>
<linearGradient
id="p"
x1="56.688"
x2="67.25"
y1="84"
y2="84"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="q"
x1="13.587"
x2="26.025"
y1="82.287"
y2="83.037"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#ffac27" />
<stop offset=".997" stop-color="#ffbe5f" />
</linearGradient>
<radialGradient
id="r"
cx="12.938"
cy="78.5"
r="15.875"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="s"
x1="104.997"
x2="102.081"
y1="61.065"
y2="74.398"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="t"
x1="114.245"
x2="134.912"
y1="92.49"
y2="96.323"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="u"
x1="128.374"
x2="119.707"
y1="112.826"
y2="102.493"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="v"
x1="123.737"
x2="115.07"
y1="116.716"
y2="106.382"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="w"
x1="119.189"
x2="110.522"
y1="120.53"
y2="110.197"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="x"
x1="110.484"
x2="101.818"
y1="100.992"
y2="90.658"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#c02f37" />
<stop offset="1" stop-color="#aa1d26" />
</linearGradient>
<linearGradient
id="y"
x1="27.691"
x2="35.941"
y1="37.452"
y2="15.702"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="z"
x1="82.797"
x2="91.047"
y1="58.354"
y2="36.604"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="A"
x1="108.662"
x2="116.912"
y1="68.165"
y2="46.415"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="B"
x1="53.848"
x2="62.098"
y1="45.856"
y2="24.106"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient id="f">
<stop offset=".04" stop-color="#fc9f4b" />
<stop offset=".809" stop-color="#f47e3e" />
</linearGradient>
<linearGradient
id="C"
x1="137.777"
x2="171.038"
y1="81"
y2="81"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="D"
x1="142.321"
x2="175.583"
y1="82"
y2="82"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="E"
x1="129.286"
x2="162.548"
y1="109"
y2="109"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="F"
x1="151.25"
x2="184.512"
y1="65"
y2="65"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="G"
x1="149.328"
x2="182.59"
y1="63"
y2="63"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient id="g">
<stop offset="0" stop-color="#dc464e" />
<stop offset="1" stop-color="#c72e37" />
</linearGradient>
<linearGradient
id="H"
x1="-1.677"
x2="9.657"
y1="82.864"
y2="81.198"
gradientUnits="userSpaceOnUse"
href="#g"
/>
<linearGradient
id="I"
x1="3.649"
x2="14.983"
y1="119.081"
y2="117.414"
gradientUnits="userSpaceOnUse"
href="#g"
/>
<linearGradient
id="J"
x1="2.515"
x2="13.848"
y1="111.366"
y2="109.699"
gradientUnits="userSpaceOnUse"
href="#g"
/>
<linearGradient
id="K"
x1="-3.912"
x2="7.421"
y1="67.664"
y2="65.997"
gradientUnits="userSpaceOnUse"
href="#g"
/>
<linearGradient
id="L"
x1="-3.802"
x2="7.531"
y1="68.412"
y2="66.745"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e05c63" />
<stop offset=".406" stop-color="#dd585f" />
<stop offset=".826" stop-color="#d34b53" />
<stop offset="1" stop-color="#cd444c" />
</linearGradient>
<linearGradient
id="M"
x1="1.85"
x2="13.183"
y1="106.846"
y2="105.179"
gradientUnits="userSpaceOnUse"
href="#g"
/>
<linearGradient
id="N"
x1="94.282"
x2="102.532"
y1="62.711"
y2="40.961"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="O"
x1="102.785"
x2="105.285"
y1="56.409"
y2="72.409"
gradientUnits="userSpaceOnUse"
href="#g"
/>
<linearGradient
id="P"
x1="52.933"
x2="58.626"
y1="47.116"
y2="32.106"
gradientUnits="userSpaceOnUse"
href="#g"
/>
<path
fill="url(#h)"
d="m86 51 23.961-41.013c1.531-2.428 1.509-5.031-1-7-1.812-1.343-4.719-1.844-7 2L77 51z"
/>
<path
fill="url(#i)"
d="M119 31c-.519-1.676-2.17-3-3.924-3H12.924C11.17 28 9.519 29.324 9 31c-2.088 6.745-7 23.914-7 35 0 42.147 27.758 55 62 55s62-12.853 62-55c0-11.086-4.912-28.255-7-35z"
/>
<path
fill="url(#j)"
d="M116 34.965c-.48-1.532-1.378-2.965-3-2.965H15c-1.622 0-2.52 1.433-3 2.965-1.931 6.165-6 21.495-6 31.628C6 105.114 32.336 117 64 117s58-11.886 58-50.407c0-10.133-4.069-25.463-6-31.628z"
/>
<path fill="url(#k)" d="M87.307 32 77 51h9l11.1-19z" />
<path
fill="url(#l)"
d="M42.003 42c-10.978 0-16.424 6.529-12.973 15 8.147 0 12.973-1.154 12.973-15z"
/>
<path
fill="url(#m)"
d="M16 42c11.343.204 16.396 6.583 13 15-8.748 0-13-1.154-13-15z"
/>
<path
fill="url(#n)"
d="M92 126H36a5 5 0 0 1-5-5l2-9h62l2 9a5 5 0 0 1-5 5z"
/>
<path
fill="url(#o)"
d="M64 53c-22.343 7.205-46.239.893-55.15-6.274C7.342 53.251 6 60.776 6 66.593 6 105.114 32.336 117 64 117s58-11.886 58-50.407c0-5.314-1.121-12.052-2.464-18.153C104.746 43.181 82.232 47.12 64 53z"
/>
<circle cx="42" cy="84" r="13" fill="url(#p)" />
<path
fill="url(#q)"
d="M42 67c-9.389 0-17 7.611-17 17s7.611 17 17 17 17-7.611 17-17-7.611-17-17-17zm0 30c-7.18 0-13-5.82-13-13s5.82-13 13-13 13 5.82 13 13-5.82 13-13 13z"
/>
<path
fill="url(#r)"
d="M42 98a1 1 0 0 1-1-1V71a1 1 0 1 1 2 0v26a1 1 0 0 1-1 1z"
/>
<path fill="url(#r)" d="M55 85H29a1 1 0 1 1 0-2h26a1 1 0 1 1 0 2z" />
<path
fill="url(#r)"
d="M51 94a.997.997 0 0 1-.707-.293l-18-18a.999.999 0 1 1 1.414-1.414l18 18A.999.999 0 0 1 51 94z"
/>
<path
fill="url(#r)"
d="M33 94a.999.999 0 0 1-.707-1.707l18-18a.999.999 0 1 1 1.414 1.414l-18 18A.997.997 0 0 1 33 94z"
/>
<path
fill="url(#r)"
d="M42 98c-7.72 0-14-6.28-14-14s6.28-14 14-14 14 6.28 14 14-6.28 14-14 14zm0-26c-6.617 0-12 5.383-12 12s5.383 12 12 12 12-5.383 12-12-5.383-12-12-12z"
/>
<path
fill="url(#s)"
d="m89 106 28-28c-3.619-3.619-8.477-6-14-6-11.046 0-20 8.954-20 20 0 5.523 2.381 10.381 6 14z"
/>
<path
fill="url(#t)"
d="M102.984 76C94.156 76 87 83.163 87 92c0 4.419 2.106 8.104 5 11l22-22c-2.894-2.903-6.595-5-11.016-5z"
/>
<path
fill="url(#u)"
d="M105 76.166a13.638 13.638 0 0 0-2-.165V91c0 .276.112.526.293.707L105 90z"
/>
<path
fill="url(#v)"
d="m91.487 80.901 11.306 11.306 1.414-1.414L92.96 79.546c-.52.42-1.01.874-1.473 1.355z"
/>
<path
fill="url(#w)"
d="M103.707 91.293A.997.997 0 0 0 103 91H87.05c-.02.332-.05.662-.05 1 0 .34.035.668.059 1H102z"
/>
<path
fill="url(#x)"
d="M91.292 103.707C87.781 100.193 86 96.254 86 92c0-9.374 7.619-17 16.984-17 4.218 0 8.272 1.831 11.724 5.294l-1.417 1.412C110.18 78.583 106.712 77 102.984 77 94.722 77 88 83.729 88 92c0 3.705 1.584 7.168 4.708 10.293z"
/>
<circle cx="18" cy="63" r="6" fill="url(#y)" />
<circle cx="67" cy="100" r="6" fill="url(#z)" />
<circle cx="111" cy="62" r="6" fill="url(#A)" />
<circle cx="50" cy="56" r="6" fill="url(#B)" />
<circle cx="17" cy="81" r="3" fill="url(#C)" />
<circle cx="73" cy="82" r="3" fill="url(#D)" />
<circle cx="51" cy="109" r="3" fill="url(#E)" />
<circle cx="95" cy="65" r="3" fill="url(#F)" />
<circle cx="64" cy="63" r="3" fill="url(#G)" />
<circle cx="79" cy="71" r="2" fill="url(#H)" />
<circle cx="79" cy="108" r="2" fill="url(#I)" />
<circle cx="107" cy="96" r="2" fill="url(#J)" />
<circle cx="89" cy="54" r="2" fill="url(#K)" />
<circle cx="33" cy="63" r="2" fill="url(#L)" />
<circle cx="28" cy="103" r="2" fill="url(#M)" />
<circle cx="101" cy="45" r="6" fill="url(#N)" />
<path
fill="url(#O)"
d="M106.895 46.096A5.99 5.99 0 0 0 107 45a6 6 0 1 0-12 0c0 .466.058.917.159 1.352 4.041-.358 7.991-.472 11.736-.256z"
/>
<path
fill="url(#P)"
d="M55.914 55.028A5.996 5.996 0 0 0 44 56c0 .057.007.112.009.169a70.417 70.417 0 0 0 11.905-1.141z"
/>
</svg>
More icons in the same style and category