Add icons to this collection by clicking the heart icon.
Tea Cup icon - also known as food, cup, coffee, tea, hot drink, coffee shop, tea cup, and food and restaurant. Created in a clean lineal 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="520"
height="520"
viewBox="0 0 520 520"
>
<linearGradient
id="SVGID_1_"
gradientUnits="userSpaceOnUse"
x1="-37.7789"
y1="598.7228"
x2="20.7041"
y2="657.2028"
gradientTransform="matrix(8 0 0 -8 315.0001 5157)"
>
<stop offset="0" stop-color="#003F8A" />
<stop offset="0.518" stop-color="#00D7DF" />
<stop offset="1" stop-color="#006DF0" />
</linearGradient>
<path
d="M228,208h64c4.418,0,8-3.582,8-8v-80.096c-0.011-2.135-0.875-4.177-2.4-5.672l-16-15.904 c-1.489-1.481-3.5-2.317-5.6-2.328h-8V8c0-4.418-3.582-8-8-8c-4.418,0-8,3.582-8,8v88h-8c-2.212-0.001-4.327,0.914-5.84,2.528 l-16,17.08c-1.389,1.483-2.161,3.44-2.16,5.472V200C220,204.418,223.582,208,228,208z M247.472,112h25.224L284,123.2V152h-8 c-4.418,0-8,3.582-8,8s3.582,8,8,8h8v24h-48v-24h16c4.418,0,8-3.582,8-8s-3.582-8-8-8h-16v-27.76L247.472,112z"
fill="url(#SVGID_1_)"
/>
<linearGradient
id="SVGID_2_"
gradientUnits="userSpaceOnUse"
x1="-21.4685"
y1="582.4074"
x2="37.0115"
y2="640.8925"
gradientTransform="matrix(8 0 0 -8 315.0001 5157)"
>
<stop offset="0" stop-color="#003F8A" />
<stop offset="0.518" stop-color="#00D7DF" />
<stop offset="1" stop-color="#006DF0" />
</linearGradient>
<path
d="M404,472h-80v-8c-0.014-2.368-0.561-4.703-1.6-6.832c25.343-11.804,41.561-37.211,41.6-65.168 v-16h8c22.091,0,40-17.909,40-40s-17.909-40-40-40h-8v-24h8c8.837,0,16-7.163,16-16v-8c0-8.837-7.163-16-16-16H148 c-8.837,0-16,7.163-16,16v8c0,8.837,7.163,16,16,16h8v120c0.038,27.929,16.224,53.316,41.528,65.136 c-0.995,2.084-1.516,4.363-1.528,6.672V472h-80c-4.418,0-8,3.582-8,8c0.026,22.08,17.92,39.974,40,40h224 c22.069,0.022,39.978-17.851,40-39.92c0-0.027,0-0.053,0-0.08C412,475.582,408.418,472,404,472L404,472z M372,312 c13.255,0,24,10.745,24,24s-10.745,24-24,24h-8v-48H372z M148,248h224v8H148V248z M172,392V272h176v120 c-0.035,30.913-25.087,55.965-56,56h-64C197.087,447.965,172.035,422.913,172,392z M211.8,464H308v8h-96L211.8,464z M389.024,496.944c-4.519,4.51-10.64,7.047-17.024,7.056H148c-10.168-0.012-19.229-6.418-22.632-16h269.264 C393.44,491.356,391.525,494.409,389.024,496.944L389.024,496.944z"
fill="url(#SVGID_2_)"
/>
<linearGradient
id="SVGID_3_"
gradientUnits="userSpaceOnUse"
x1="-22.7765"
y1="583.7235"
x2="35.7035"
y2="642.2035"
gradientTransform="matrix(8 0 0 -8 315.0001 5157)"
>
<stop offset="0" stop-color="#003F8A" />
<stop offset="0.518" stop-color="#00D7DF" />
<stop offset="1" stop-color="#006DF0" />
</linearGradient>
<path
d="M220,400h-16c-4.418,0-8,3.582-8,8s3.582,8,8,8h16c4.418,0,8-3.582,8-8S224.418,400,220,400z"
fill="url(#SVGID_3_)"
/>
<linearGradient
id="SVGID_4_"
gradientUnits="userSpaceOnUse"
x1="-19.7765"
y1="580.7235"
x2="38.7035"
y2="639.2035"
gradientTransform="matrix(8 0 0 -8 315.0001 5157)"
>
<stop offset="0" stop-color="#003F8A" />
<stop offset="0.518" stop-color="#00D7DF" />
<stop offset="1" stop-color="#006DF0" />
</linearGradient>
<path
d="M252,416h16c4.418,0,8-3.582,8-8s-3.582-8-8-8h-16c-4.418,0-8,3.582-8,8S247.582,416,252,416z"
fill="url(#SVGID_4_)"
/>
<linearGradient
id="SVGID_5_"
gradientUnits="userSpaceOnUse"
x1="-16.7765"
y1="577.7235"
x2="41.7035"
y2="636.2035"
gradientTransform="matrix(8 0 0 -8 315.0001 5157)"
>
<stop offset="0" stop-color="#003F8A" />
<stop offset="0.518" stop-color="#00D7DF" />
<stop offset="1" stop-color="#006DF0" />
</linearGradient>
<path
d="M300,416h16c4.418,0,8-3.582,8-8s-3.582-8-8-8h-16c-4.418,0-8,3.582-8,8S295.582,416,300,416z"
fill="url(#SVGID_5_)"
/>
</svg>
More icons in the same style and category