Add icons to this collection by clicking the heart icon.
Mate icon - also known as drink, beverage, hot, mate, 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 502 502"
>
<linearGradient
id="b"
x1="79.49"
x2="334.83"
y1="368.189"
y2="368.189"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bf6c56" />
<stop offset="1" stop-color="#ed9b8c" />
</linearGradient>
<linearGradient
id="c"
x1="321.643"
x2="321.643"
y1="272.031"
y2="0"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ccd3d3" />
<stop offset="1" stop-color="#ebebeb" />
</linearGradient>
<linearGradient id="a">
<stop offset=".022" stop-color="#4b5762" />
<stop offset="1" stop-color="#597281" />
</linearGradient>
<linearGradient
id="d"
x1="335.617"
x2="335.617"
y1="120.975"
y2="38.806"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="207.16"
x2="207.16"
y1="277.719"
y2="214.219"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="207.16"
x2="207.16"
y1="502"
y2="431.68"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M312.267 271.713H102.053c-13.684 19.103-22.563 41.426-22.563 65.282 0 25.611 7.547 49.457 20.53 69.446l9.484.403 2.041 14.741c23.39 26.419 57.554 43.079 95.614 43.079 70.51 0 127.67-57.16 127.67-127.67.001-23.855-8.879-46.178-22.562-65.281z"
/>
<path
fill="#f2beb8"
d="M233.551 271.713h-15.916c-4.122 8.701-14.338 15.63-30.259 25.86-29.235 18.785-68.389 43.95-87.355 108.868a128.197 128.197 0 0 0 11.525 15.144c6.963-29.327 18.641-53.092 35.604-72.49 15.624-17.867 33.007-29.036 48.343-38.889 17.905-11.506 33.726-21.681 38.058-38.493z"
/>
<path
fill="#a9544b"
d="M238.626 277.719H101.482c-1.135 0-2.256-.062-3.36-.179-5.609 8.734-10.209 18.058-13.428 27.84a61.543 61.543 0 0 0 16.788 2.338h137.145c8.284 0 15-6.716 15-15s-6.717-14.999-15.001-14.999z"
/>
<path
fill="#f2beb8"
d="M254.884 363.618c-12.16 16.436-30.618 21.604-48.468 26.603-24.474 6.854-52.214 14.622-44.066 56.797a7.509 7.509 0 0 0 14.743-2.849c-5.301-27.439 6.401-31.935 33.373-39.489 18.386-5.149 41.266-11.557 56.49-32.132 15.864-21.44 20.585-54.5 14.369-100.836h-15.149c6.087 43.314 2.377 73.431-11.292 91.906z"
/>
<ellipse cx="119.184" cy="372.38" fill="#f85f7e" rx="14.952" ry="12.016" />
<ellipse cx="295.135" cy="372.38" fill="#f85f7e" rx="14.952" ry="12.016" />
<circle cx="144.817" cy="342.732" r="29.648" fill="#fff" />
<circle
cx="156.795"
cy="342.732"
r="17.67"
fill="#383842"
transform="rotate(-76.7 156.85 342.824)"
/>
<circle cx="269.502" cy="342.732" r="29.648" fill="#fff" />
<g fill="#383842">
<ellipse
cx="281.418"
cy="342.732"
rx="17.671"
ry="17.67"
transform="rotate(-45 281.377 342.81)"
/>
<ellipse cx="207.16" cy="365.207" rx="13.266" ry="17.37" />
</g>
<path
fill="url(#c)"
d="m215.69 221.511 70.756-119.562 12.328-20.832c13.57-23.191 31.758-31.663 41.1-38.53l57.631-38.782c10.228-6.883 24.099-4.171 30.981 6.057 6.53 9.704 4.354 22.741-4.614 29.923l-54.34 43.273c-10.338 8.754-17.528 12.019-23.115 23.003l-10.9 22.331-60.952 124.845c-8.109 16.61-28.148 23.501-44.758 15.392s-23.501-28.148-15.392-44.758c.388-.787.838-1.616 1.275-2.36z"
/>
<path
fill="#bb6b63"
d="M213.627 277.719c-5.337 6.196-14.138 12.07-26.252 19.854-4.902 3.15-10.083 6.48-15.401 10.146h27.378c14.087-9.112 26.394-17.74 32.056-30z"
/>
<path
fill="#bdc4cc"
d="M397.338 60.917a41.935 41.935 0 0 0-3.217-3.958l-28.996-31.364-25.25 16.991c-5.317 3.909-13.501 8.342-22.067 15.708a21519.987 21519.987 0 0 0 34.617 39.063c4.585-4.973 10.127-8.387 17.109-14.299z"
/>
<path
fill="url(#d)"
d="m372.092 77.325-32.026-34.643a12.071 12.071 0 0 0-15.561-1.847c-7.569 5.04-17.059 11.94-25.907 22.926-3.751 4.658-3.515 11.371.545 15.763l34.734 37.573c5.761 6.231 15.983 4.728 19.706-2.898l1.794-3.674c3.133-6.126 6.837-8.979 12.963-13.704 1.221-.943 1.802-1.389 2.343-1.812 5.55-4.343 6.194-12.509 1.409-17.684z"
/>
<path
fill="#bdc4cc"
d="M260.722 184.219H237.76l-17.753 30h40.716c8.284 0 15-6.716 15-15-.002-8.284-6.717-15-15.001-15z"
/>
<path
fill="url(#e)"
d="M312.838 214.219H101.481c-17.535 0-31.75 14.215-31.75 31.75s14.215 31.75 31.75 31.75h211.357c17.535 0 31.75-14.215 31.75-31.75s-14.215-31.75-31.75-31.75z"
/>
<path
fill="#7993a7"
d="M304.838 254.219h-25.357c-5.523 0-10-4.478-10-10s4.477-10 10-10h25.357c5.523 0 10 4.478 10 10s-4.477 10-10 10zM244.838 254.219h-8.357c-5.523 0-10-4.478-10-10s4.477-10 10-10h8.357c5.523 0 10 4.478 10 10s-4.477 10-10 10z"
/>
<path
fill="url(#f)"
d="M331.084 467.41c-7.932-21.472-28.4-35.73-51.29-35.73H134.526c-22.89 0-43.358 14.258-51.29 35.73C77.039 484.184 89.45 502 107.332 502h199.655c17.882 0 30.293-17.816 24.097-34.59z"
/>
</svg>
More icons in the same style and category