Add icons to this collection by clicking the heart icon.
Mocha icon - also known as beverage, glass, frappe, mocha, 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 60 60"
>
<linearGradient
id="b"
x1="30"
x2="30"
y1="-.002"
y2="60.002"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ce9ffc" />
<stop offset="1" stop-color="#7367f0" />
</linearGradient>
<clipPath id="a"><path d="M0 0h60v60H0z" /></clipPath>
<g fill="none">
<g
fill="url(#b)"
fill-rule="evenodd"
clip-path="url(#a)"
clip-rule="evenodd"
>
<path d="M28.748 58.75v-12.5h2.504v12.5z" />
<path
d="M42.5 60.002H18.75v-2.504H42.5zM15.358 7.498h29.284l2.725 20.3a17.506 17.506 0 0 1-11.452 18.638 17.5 17.5 0 0 1-23.283-18.638l.002-.011zm2.19 2.504-2.431 18.112a14.997 14.997 0 1 0 29.766 0l-2.432-18.112z"
/>
<path
d="M44.547 17.502H15.453v-2.504h29.094zM17.907 8.401C19.33 3.486 24.282-.002 30-.002S40.668 3.486 42.093 8.4l-2.405.697C38.613 5.388 34.751 2.502 30 2.502s-8.613 2.887-9.688 6.596z"
/>
</g>
</g>
</svg>
More icons in the same style and category