Add icons to this collection by clicking the heart icon.
Hot Drink icon - also known as coffee, tea, hot drink, gastronomy, nutrition, and food and restaurant. Created in a clean flat 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 58 59"
>
<g fill="none" fill-rule="nonzero">
<path
fill="#f3d55b"
d="M11 18h36a2 2 0 0 1 2 2v20a8 8 0 0 1-8 8H17a8 8 0 0 1-8-8V20a2 2 0 0 1 2-2z"
/>
<path
fill="#f0c419"
d="m57.14 51.64-.42.3A17 17 0 0 1 47 55l-2.5 2-1.4 1.12a4 4 0 0 1-2.5.88H17.4a4 4 0 0 1-2.5-.88L13.5 57 11 55a17.18 17.18 0 0 1-5.1-.78 16.86 16.86 0 0 1-4.62-2.28l-.42-.3A2 2 0 0 1 2 48h54a2 2 0 0 1 1.14 3.64z"
/>
<path
fill="#f29c1f"
d="M20 56a1 1 0 0 1-1 1h-5.5L11 55h8a1 1 0 0 1 1 1zM47 55l-2.5 2H23a1 1 0 0 1 0-2z"
/>
<path
fill="#f0c419"
d="M58 25v10a3 3 0 0 1-3 3h-6v-4h4a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1h-4v-4h6a3 3 0 0 1 3 3z"
/>
<path
fill="#a56a43"
d="M29 35.56c13.3 5.44 17-6.19 17-6.19a6.71 6.71 0 0 1-8.13 0c-4.44-3.09-8.87 0-8.87 0s-4.43-3.09-8.87 0a6.71 6.71 0 0 1-8.13 0S15.7 41 29 35.56z"
/>
<g fill="#547580">
<path
d="M18 14a1 1 0 0 1-.64-.23 3.5 3.5 0 0 1 0-5.54A1.62 1.62 0 0 0 18 7a1.62 1.62 0 0 0-.64-1.23A3.57 3.57 0 0 1 16 3 3.57 3.57 0 0 1 17.36.23a1 1 0 1 1 1.28 1.54A1.62 1.62 0 0 0 18 3c.018.485.253.937.64 1.23a3.5 3.5 0 0 1 0 5.54A1.62 1.62 0 0 0 18 11c.018.485.253.937.64 1.23A1 1 0 0 1 18 14zM29 14a1 1 0 0 1-.64-.23 3.5 3.5 0 0 1 0-5.54A1.62 1.62 0 0 0 29 7a1.62 1.62 0 0 0-.64-1.23A3.57 3.57 0 0 1 27 3 3.57 3.57 0 0 1 28.36.23a1 1 0 1 1 1.28 1.54A1.62 1.62 0 0 0 29 3c.018.485.253.937.64 1.23a3.5 3.5 0 0 1 0 5.54A1.62 1.62 0 0 0 29 11c.018.485.253.937.64 1.23A1 1 0 0 1 29 14zM40 14a1 1 0 0 1-.64-.23 3.5 3.5 0 0 1 0-5.54A1.62 1.62 0 0 0 40 7a1.62 1.62 0 0 0-.64-1.23A3.57 3.57 0 0 1 38 3 3.57 3.57 0 0 1 39.36.23a1 1 0 1 1 1.28 1.54A1.62 1.62 0 0 0 40 3c.018.485.253.937.64 1.23a3.5 3.5 0 0 1 0 5.54A1.62 1.62 0 0 0 40 11c.018.485.253.937.64 1.23A1 1 0 0 1 40 14z"
/>
</g>
<path
fill="#f5efca"
d="M16 23h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2zM34 23H20a1 1 0 0 1 0-2h14a1 1 0 0 1 0 2z"
/>
</g>
</svg>
More icons in the same style and category