Add icons to this collection by clicking the heart icon.
Coffee Break icon - also known as clock, time, hot drink, coffee cup, coffee mug, coffee break, and time and date. 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 64 64"
>
<circle cx="32" cy="32" r="30" fill="#134681" />
<path
fill="#205fa6"
d="M32 2a29.885 29.885 0 0 0-20.189 7.811A29.885 29.885 0 0 0 4 30c0 16.569 13.431 30 30 30 7.775 0 14.86-2.958 20.189-7.811A29.885 29.885 0 0 0 62 32C62 15.431 48.569 2 32 2z"
/>
<circle cx="32" cy="32" r="26" fill="#b3b4b8" />
<path
fill="#dbdcde"
d="M30 8a25.897 25.897 0 0 0-17.355 6.645A25.899 25.899 0 0 0 6 32c0 14.359 11.641 26 26 26a25.897 25.897 0 0 0 17.355-6.645A25.897 25.897 0 0 0 56 34C56 19.641 44.359 8 30 8z"
/>
<path
fill="#205fa6"
d="M30.101 32.629 21 39v4h4l7.2-9M33.365 30.539 35 24l-3-4-3 4 1.635 6.539"
/>
<g fill="#e7b532">
<path
d="M55 29v6l-4-3zM9 29v6l4-3zM29 9h6l-3 4zM29 55h6l-3-4zM46.142 13.615l4.243 4.243-4.95.707zM13.615 46.142l4.243 4.243.707-4.95zM13.615 17.858l4.243-4.243.707 4.95zM46.142 50.385l4.243-4.243-4.95-.707z"
/>
</g>
<path
fill="#424344"
d="M32 35c-1.654 0-3-1.346-3-3s1.346-3 3-3 3 1.346 3 3-1.346 3-3 3zm0-4c-.551 0-1 .449-1 1s.449 1 1 1 1-.449 1-1-.449-1-1-1z"
/>
<path
fill="#3d2f23"
d="M54 56h-.364v-2H54a6.185 6.185 0 0 0 6.089-5.082L60.802 45H53v-2h9c.296 0 .578.132.768.359s.27.528.216.819l-.927 5.097A8.185 8.185 0 0 1 54 56z"
/>
<path
fill="#fff"
d="m37.555 37.832-1.109-1.664 1.643-1.095c.57-.381.911-1.018.911-1.704 0-.616-.24-1.194-.675-1.629A4.499 4.499 0 0 1 37 28.54a4.518 4.518 0 0 1 3.094-4.292l.59-.197.633 1.897-.59.197A2.52 2.52 0 0 0 39 28.54c0 .674.263 1.308.739 1.785A4.277 4.277 0 0 1 41 33.369a4.04 4.04 0 0 1-1.803 3.368zM43.555 37.832l-1.109-1.664 1.643-1.095c.57-.381.911-1.018.911-1.704 0-.616-.24-1.194-.675-1.629A4.499 4.499 0 0 1 43 28.54a4.518 4.518 0 0 1 3.094-4.292l.59-.197.633 1.897-.59.197A2.52 2.52 0 0 0 45 28.54c0 .674.263 1.308.739 1.785A4.277 4.277 0 0 1 47 33.369a4.04 4.04 0 0 1-1.803 3.368z"
/>
<path
fill="#3d2f23"
d="M55 40H29l1.457 16.025A6.57 6.57 0 0 0 37 62h10a6.57 6.57 0 0 0 6.543-5.975z"
/>
<path
fill="#564432"
d="m29 40 1.457 16.025a6.545 6.545 0 0 0 1.007 2.94A6.544 6.544 0 0 0 35 60h10a6.57 6.57 0 0 0 6.543-5.975L52.818 40z"
/>
<path fill="#6d5844" d="m29 40 .364 4h25.272L55 40z" />
<ellipse
cx="42"
cy="53"
fill="#9e8674"
rx="5"
ry="4"
transform="rotate(-45 41.994 53.012)"
/>
<path
fill="#b29b8b"
d="M45.536 49.464a3.25 3.25 0 0 0-.631-.49c-1.408-.148-3.016.424-4.261 1.669-1.953 1.953-2.269 4.802-.707 6.364.192.192.404.354.631.49 1.408.148 3.016-.424 4.261-1.669 1.952-1.952 2.269-4.801.707-6.364z"
/>
<path fill="#826b57" d="m29 40 .364 4h23.091l.363-4z" />
<path
fill="#9e8674"
d="M45.536 49.464a3.234 3.234 0 0 0-.832-.582l-6.821 6.821c.154.301.336.586.582.832s.531.428.832.582l6.821-6.821a3.276 3.276 0 0 0-.582-.832z"
/>
</svg>
More icons in the same style and category