Add icons to this collection by clicking the heart icon.
Coffee Break icon - also known as clock, drink, coffee cup, mug, coffee mug, coffee break, and time and date. Created in a clean flat style with a white, silver, gray, and teal finish, 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 16.933 16.933"
>
<path
fill="#549ad4"
d="M13.23 6.615a6.615 6.615 0 1 1-13.23 0 6.615 6.615 0 0 1 13.23 0z"
/>
<path
fill="#3588cb"
d="M13.143 5.444 10.07 7.42v.53c0 .44.355.795.795.795h2.036a6.613 6.613 0 0 0 .242-3.3z"
paint-order="stroke fill markers"
/>
<path
fill="#3588cb"
d="M11.006 1.677A6.615 6.615 0 0 1 12.7 6.085 6.615 6.615 0 0 1 6.085 12.7a6.614 6.614 0 0 1-4.391-1.677 6.615 6.615 0 0 0 4.92 2.206 6.615 6.615 0 0 0 6.615-6.614 6.615 6.615 0 0 0-2.223-4.938z"
/>
<path
fill="#d0e5f8"
d="M11.642 6.615a5.027 5.027 0 1 1-10.055 0 5.027 5.027 0 0 1 10.055 0z"
/>
<path
fill="#b0d2f0"
d="M9.264 3.704a.792.792 0 0 0-.794.794v3.969l1.055-1.059h1.787a5.04 5.04 0 0 0 .069-.793 4.999 4.999 0 0 0-.934-2.91z"
paint-order="stroke fill markers"
/>
<path
fill="#b0d2f0"
d="M11.65 6.405 10.07 7.42v.53c0 .44.355.795.795.795h.322c.3-.645.473-1.362.473-2.12 0-.074-.008-.147-.01-.22z"
paint-order="stroke fill markers"
/>
<path
fill="#365b7a"
d="M13.758 4.762h.794c.44 0 .794.355.794.794v3.969L14.29 8.467h-3.443a.792.792 0 0 1-.794-.794v-.53z"
paint-order="stroke fill markers"
/>
<path
fill="#d0e5f8"
d="M15.346 15.875c0 .586-.472 1.058-1.059 1.058h-4.233a1.056 1.056 0 0 1-1.058-1.058z"
/>
<path
fill="#b0d2f0"
d="M14.038 15.875c-1.49.592-3.5.709-4.759.717.194.209.467.341.775.341h4.233c.587 0 1.059-.472 1.059-1.058z"
/>
<path
fill="#d0e5f8"
d="M15.082 11.642v.529h.793c.298 0 .53.231.53.53v.792c0 .298-.232.53-.53.53h-.793v.529h.793c.582 0 1.058-.477 1.058-1.059V12.7c0-.582-.476-1.058-1.058-1.058z"
/>
<path
fill="#427096"
d="M6.315 6.786a.265.265 0 0 0-.214.121L4.808 8.85c-.228.299.25.618.44.293l1.294-1.94a.265.265 0 0 0-.227-.416zM6.61 3.171a.265.265 0 0 0-.26.27v2.644c0 .353.53.353.53 0V3.44a.265.265 0 0 0-.27-.269z"
/>
<path
fill="#b0d2f0"
d="M6.615 1.587a5.027 5.027 0 0 0-3.253 8.86 5.027 5.027 0 0 1-1.245-3.303 5.027 5.027 0 0 1 8.28-3.832 5.027 5.027 0 0 0-3.782-1.725z"
/>
<g fill="#549ad4">
<path
d="M6.61 1.321a.265.265 0 0 0-.26.268v.53c0 .352.53.352.53 0v-.53a.265.265 0 0 0-.27-.268zM3.056 2.792a.265.265 0 0 0-.184.455l.375.375c.25.265.64-.126.373-.375l-.373-.375a.265.265 0 0 0-.191-.08zM1.587 6.35c-.353 0-.353.53 0 .53h.53c.352 0 .352-.53 0-.53zM3.429 9.528a.265.265 0 0 0-.182.08l-.375.375c-.25.25.125.625.375.375l.373-.375a.265.265 0 0 0-.191-.455zM6.585 10.847a.265.265 0 0 0-.234.267v.53c0 .352.529.352.529 0v-.53a.265.265 0 0 0-.295-.267z"
/>
</g>
<path
fill="#427096"
d="M12.964 7.144c.44 0 .794-.354.794-.794V4.233a.792.792 0 0 0-.794-.793H9.26a.792.792 0 0 0-.793.793v3.97l1.054-1.06z"
paint-order="stroke fill markers"
/>
<path
fill="#d0e5f8"
d="M10.319 5.292a.265.265 0 1 1-.53 0 .265.265 0 0 1 .53 0zM11.377 5.292a.265.265 0 1 1-.53 0 .265.265 0 0 1 .53 0zM12.435 5.292a.265.265 0 1 1-.529 0 .265.265 0 0 1 .53 0z"
paint-order="stroke fill markers"
/>
<path
fill="#427096"
d="M7.144 6.615a.53.53 0 1 1-1.059 0 .53.53 0 0 1 1.059 0z"
/>
<path
fill="#d0e5f8"
d="M9.26 11.642c0-.293.236-.53.53-.53h4.762c.293 0 .53.237.53.53v2.646c0 .879-.709 1.587-1.588 1.587h-2.646c-.88 0-1.588-.708-1.588-1.587z"
/>
<path
fill="#b0d2f0"
d="M14.193 11.113c.044 2.9-2.777 3.828-4.616 4.124.289.387.749.638 1.27.638h2.647c.88 0 1.587-.708 1.587-1.588v-2.645a.528.528 0 0 0-.529-.53z"
/>
</svg>
More icons in the same style and category