Add icons to this collection by clicking the heart icon.
Tea Cup icon - also known as beverage, hot drink, mug, tea cup, tea bag, and food and restaurant. Created in a clean 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 512 512"
>
<linearGradient id="a">
<stop offset="0" stop-color="#c6f2e7" />
<stop offset=".546" stop-color="#afe2e6" />
<stop offset="1" stop-color="#75cdd5" />
</linearGradient>
<radialGradient
id="d"
cx="145.784"
cy="-1710.247"
r="40.737"
gradientTransform="matrix(1 0 0 -1 0 -1318.4)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="e"
cx="9.858"
cy="334.271"
r="61.418"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#0cacba" />
<stop offset=".504" stop-color="#0996a4" />
<stop offset=".976" stop-color="#017297" />
</linearGradient>
<radialGradient
id="f"
cx="300.306"
cy="-1708.947"
r="158.146"
gradientTransform="matrix(1 0 0 -.246 0 -30.429)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="g"
cx="391.17"
cy="-1669.918"
r="390.072"
gradientTransform="matrix(-1 0 0 .212 782.339 705.586)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="h"
cx="391.513"
cy="1970.608"
r="211.111"
gradientTransform="matrix(.931 0 0 .113 -111.186 162.043)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#93d8de" />
<stop offset=".315" stop-color="#c2e8ed" />
<stop offset=".496" stop-color="#d9f0f4" />
<stop offset=".888" stop-color="#fff" />
</radialGradient>
<radialGradient
id="i"
cx="63.988"
cy="149.259"
r="192.487"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="j"
cx="465.206"
cy="222.229"
r="103.148"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="k"
cx="503.013"
cy="194.643"
r="136.747"
gradientTransform="matrix(0 1 -.531 0 606.304 -308.37)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="l"
cx="382.41"
cy="45.247"
r="180.453"
gradientTransform="matrix(1.053 0 0 1.125 -48.505 115.2)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="m"
cx="342.553"
cy="124.718"
r="109.008"
gradientTransform="matrix(0 1 -.347 0 385.841 -217.835)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#8abbd5" />
<stop offset=".518" stop-color="#6cabca" />
<stop offset=".793" stop-color="#2c91b9" />
<stop offset=".976" stop-color="#0681af" />
</radialGradient>
<radialGradient
id="n"
cx="296.427"
cy="93.514"
r="84.01"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eaf9fa" />
<stop offset=".514" stop-color="#bad6e5" />
<stop offset=".606" stop-color="#b0d0e2" />
<stop offset=".976" stop-color="#8abbd5" />
</radialGradient>
<linearGradient id="c">
<stop offset="0" stop-color="#fffbe5" />
<stop offset=".514" stop-color="#fff6ce" />
<stop offset=".976" stop-color="#fff0ad" />
</linearGradient>
<radialGradient
id="o"
cx="299.635"
cy="191.824"
r="39.821"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="p"
cx="285.235"
cy="224.435"
r="78.023"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="q"
cx="361"
cy="237.704"
r="76.699"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd15b" />
<stop offset=".512" stop-color="#ffc344" />
<stop offset=".707" stop-color="#ffb126" />
<stop offset=".976" stop-color="#ff9a00" />
</radialGradient>
<path fill="url(#d)" d="M179.2 345.6V384h-64l-12.8-25.6z" />
<path fill="url(#e)" d="M0 345.6h51.2l10 6.4-10 6.4H0z" />
<path fill="url(#f)" d="M384 384H179.2l-12.8-25.6 76.8-12.8 153.6 12.8z" />
<path fill="url(#g)" d="M51.2 345.6H512v12.8H51.2z" />
<path
fill="url(#h)"
d="M256 409.6c113.107 0 204.798-11.351 204.798-25.353H51.202c0 14.002 91.691 25.353 204.798 25.353z"
/>
<path
fill="url(#i)"
d="m51.2 115.2 5.669 68.032A445.87 445.87 0 0 0 102.4 345.6h76.8C153.833 294.866 128 115.2 128 115.2z"
/>
<path
fill="url(#j)"
d="M435.2 256.106c14.197 0 25.706-11.509 25.706-25.706v-64H486.4l12.8 89.706z"
/>
<path
fill="url(#k)"
d="M409.6 140.8v25.6h76.8v64c0 14.197-11.509 25.706-25.706 25.706H396.8v25.6h65.165c27.634 0 50.035-22.402 50.035-50.035V140.8z"
/>
<path
fill="url(#l)"
d="M384 345.6H179.2a445.87 445.87 0 0 1-45.531-162.368L128 115.2h307.2l-5.669 68.032A445.87 445.87 0 0 1 384 345.6z"
/>
<path
fill="url(#m)"
d="M320 102.4c7.069 0 12.8 5.731 12.8 12.8v89.6c0 7.069-5.731 12.8-12.8 12.8h-12.8c7.069 0 0-102.4 0-102.4 0-7.069 7.069-12.8 0-12.8z"
/>
<path
fill="url(#n)"
d="M281.6 115.2h25.6v102.4c7.069 0 12.8-5.731 12.8-12.8v-89.6c0-7.069-5.731-12.8-12.8-12.8h-12.8c-7.069 0-12.8 5.731-12.8 12.8z"
/>
<path fill="url(#o)" d="M307.2 192h-12.8l-12.8 25.6H304z" />
<path fill="url(#p)" d="M281.6 217.6v64h12.8l9.6-64z" />
<path fill="url(#q)" d="M358.4 281.6h-64v-64l12.8-25.6h38.4l12.8 25.6z" />
</svg>
More icons in the same style and category