Add icons to this collection by clicking the heart icon.
Mug icon - also known as cup, beverage, hot drink, mug, 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="#fffbe5" />
<stop offset=".514" stop-color="#fff6ce" />
<stop offset=".976" stop-color="#fff0ad" />
</linearGradient>
<radialGradient
id="c"
cx="31.682"
cy="127.165"
r="304.953"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="d"
cx="450.129"
cy="219.071"
r="86.814"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#ffd15b" />
<stop offset=".512" stop-color="#ffc344" />
<stop offset=".707" stop-color="#ffb126" />
<stop offset=".976" stop-color="#ff9a00" />
</linearGradient>
<radialGradient
id="e"
cx="503.013"
cy="201.302"
r="185.981"
gradientTransform="matrix(0 1 -.531 0 609.838 -301.711)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="f"
cx="431.443"
cy="41.536"
r="303.022"
gradientTransform="matrix(1.053 0 0 1.125 -76.8 115.2)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="g"
cx="351.868"
cy="2030.268"
r="211.111"
gradientTransform="matrix(.931 0 0 .114 -74.264 216.835)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff3be" />
<stop offset=".512" stop-color="#fff9df" />
<stop offset=".976" stop-color="#fff" />
</radialGradient>
<path
fill="url(#c)"
d="m0 38.4 8.247 197.932A683.934 683.934 0 0 0 51.2 448H128c-25.438-67.836 28.616-145.214 25.6-217.6l-76.8-192z"
/>
<path
fill="url(#d)"
d="M435.2 294.4c14.197 0 25.706-11.509 25.706-25.706v-115.2L486.4 140.8l12.8 153.6z"
/>
<path
fill="url(#e)"
d="M409.6 127.894v25.6h76.8v115.2c0 14.197-11.509 25.706-25.706 25.706H396.8V320h65.165C489.598 320 512 297.598 512 269.965V127.894z"
/>
<path
fill="url(#f)"
d="M384 448H128a683.928 683.928 0 0 1-42.953-211.668L76.8 38.4h358.4l-8.247 197.932A683.934 683.934 0 0 1 384 448z"
/>
<path
fill="url(#g)"
d="M256 473.6c113.107 0 204.798-11.462 204.798-25.6H51.202c0 14.138 91.691 25.6 204.798 25.6z"
/>
</svg>
More icons in the same style and category