Add icons to this collection by clicking the heart icon.
Coffee Break icon - also known as tea, hot drink, coffee cup, mug, coffee mug, chocolate, break, tea cup, coffee break, food and restaurant, time and date, and break time. Created in a clean flat style with a white, silver, gray, maroon, olive, orange, and pink 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 512 512"
>
<g fill-rule="evenodd" clip-rule="evenodd">
<path
fill="#a1887f"
d="M451.73 177.098c0 9.176-.672 18.381-1.986 27.47h8.965c39.16 0 27.45 71.012-32.59 70.545-6.103 11.163-13.229 21.713-21.172 31.327 68.888 3.39 103.376-34.805 106.764-70.866 2.92-31.035-16.674-60.492-43.219-60.492l-16.762-.029c.029.671.029 1.344 0 2.045z"
/>
<path
fill="#916859"
d="M508.12 221.722c-3.154 33.548-33.203 68.967-92.834 71.012a200.183 200.183 0 0 1-10.338 13.706c68.888 3.39 103.376-34.805 106.764-70.866.964-10.316-.555-20.485-4.001-29.428.73 5.055.905 10.286.409 15.576z"
/>
<path
fill="#efebe9"
d="m355.947 347.556-94.791 23.057-80.219-23.057c-57.032-31.064-95.754-100.82-95.754-170.4v-5.085c0-9.585 7.885-17.446 17.492-17.446h328.993c14.076 0 20.412 9.293 20.062 22.473-.029 69.609-38.751 139.394-95.783 170.458z"
/>
<path
fill="#a1887f"
d="M143.004 395.19h254.031a23.41 23.41 0 0 0 4.556-.438c10.922-2.163 19.244-11.835 19.244-23.379V356.44c0-4.88-4.001-8.884-8.878-8.884H128.081c-4.877 0-8.848 4.004-8.848 8.884v14.933c0 11.543 8.293 21.216 19.244 23.379 1.46.292 2.979.438 4.527.438z"
/>
<path
fill="#916859"
d="M330.249 395.19h66.786a23.41 23.41 0 0 0 4.556-.438c10.922-2.163 19.244-11.835 19.244-23.379V356.44c0-4.88-4.001-8.884-8.878-8.884h-66.844c4.877 0 8.848 4.004 8.848 8.884v14.933c0 11.543-8.293 21.216-19.215 23.379-1.46.263-2.95.438-4.497.438z"
/>
<path
fill="#ffcc80"
d="M247.402 223.095H90.673a211.215 211.215 0 0 0 13.112 38.107h141.368c-.146-.701-.263-1.432-.38-2.163-.584-3.974-.905-7.54-.905-12.274 0-4.705.496-10.316 1.402-15.167a77.069 77.069 0 0 1 2.132-8.503zM446.211 223.095H290.972a72.454 72.454 0 0 1 2.132 8.504c.934 4.851 1.402 10.462 1.402 15.167 0 4.734-.292 8.299-.905 12.274-.117.731-.234 1.461-.35 2.163h139.85a211.478 211.478 0 0 0 13.11-38.108z"
/>
<path
fill="#af4935"
d="M312.376 246.763c0 4.213-.317 8.303-.899 12.281-3.699 24.245-18.036 43.08-35.99 46.7a31.491 31.491 0 0 1-6.305.634 33.12 33.12 0 0 1-4.517-.317 32.696 32.696 0 0 1-7.47-2.014c-15.215-6.074-26.987-23.376-30.267-45.003a80.494 80.494 0 0 1-.93-12.281c0-5.225.49-10.318 1.431-15.164 4.844-25.574 21.725-44.42 41.753-44.42 2.054 0 4.087.194 6.07.583a32.834 32.834 0 0 1 8.594 2.924 38.901 38.901 0 0 1 6.54 4.141c10.035 7.823 17.596 21.034 20.59 36.771.909 4.848 1.4 9.94 1.4 15.165z"
/>
<path
fill="#c9634a"
d="M227.427 231.599a80.286 80.286 0 0 0-1.431 15.167c0 4.208.321 8.299.934 12.274 3.796 25.044 18.981 44.302 37.729 47.02 18.923-18.235 12.44-31.093 5.432-47.02-3.533-8.007-7.184-16.803-7.797-27.44-.088-1.49-.117-3.039-.088-4.617.263-9.702 1.168-19.872 21.639-36.295-4.556-2.279-9.52-3.507-14.66-3.507-20.031-.001-36.91 18.848-41.758 44.418z"
/>
<path
fill="#e2cfcc"
d="M451.73 175.052c-.35-12.098-6.746-20.427-20.062-20.427h-40.416c13.316 0 19.712 8.329 20.033 20.427.029.672.029 1.344 0 2.046 0 9.176-.672 18.381-1.957 27.47a211.29 211.29 0 0 1-3.563 18.527h40.445a211.295 211.295 0 0 0 3.533-18.527 192.246 192.246 0 0 0 1.986-27.47c.03-.701.03-1.374.001-2.046z"
/>
<path
fill="#ffab2e"
d="M446.211 223.095h-40.445c-3.125 13.121-7.563 25.921-13.112 38.107h40.445a211.293 211.293 0 0 0 13.112-38.107z"
/>
<path
fill="#e2cfcc"
d="M392.654 261.202a199.218 199.218 0 0 1-6.95 13.91c-6.132 11.163-13.229 21.713-21.172 31.327-13.959 16.891-30.546 31.064-49.031 41.117h40.445c18.485-10.053 35.043-24.226 49.001-41.117 7.943-9.614 15.068-20.164 21.172-31.327a213.422 213.422 0 0 0 6.979-13.91z"
/>
</g>
<path
fill="#682316"
d="M290.385 194.828a7.862 7.862 0 0 1-1.696 1.902c-18.322 14.694-18.536 22.711-18.741 30.462-.317 11.667 3.822 21.044 7.827 30.114 6.172 13.978 13.09 29.644-2.289 48.439a31.491 31.491 0 0 1-6.305.634 33.12 33.12 0 0 1-4.517-.317 32.696 32.696 0 0 1-7.47-2.014 7.616 7.616 0 0 1 2.095-3.569c14.48-13.937 10.872-22.097 4.333-36.914-4.261-9.633-9.554-21.627-9.156-36.792.307-11.361 2.207-22.936 20.785-39.011a32.834 32.834 0 0 1 8.594 2.924 38.804 38.804 0 0 1 6.54 4.142z"
/>
<path
fill="#e2cfcc"
d="M261.952 119.385a7.736 7.736 0 0 1-6.826-4.085 7.746 7.746 0 0 1 3.161-10.485c7.337-3.938 7.022-5.137 1.911-14.84-5.1-9.683-14.591-27.707 11.731-42.853a7.738 7.738 0 0 1 10.566 2.853 7.746 7.746 0 0 1-2.852 10.574c-13.39 7.704-11.155 11.949-5.754 22.205 4.486 8.517 12.835 24.37-8.287 35.71a7.704 7.704 0 0 1-3.65.921zM311.128 87.794a7.735 7.735 0 0 1-6.826-4.085 7.746 7.746 0 0 1 3.161-10.485c7.337-3.938 7.022-5.137 1.911-14.84-5.099-9.683-14.591-27.707 11.731-42.853 3.705-2.13 8.436-.855 10.566 2.853s.854 8.442-2.852 10.574c-13.39 7.704-11.154 11.949-5.753 22.205 4.486 8.517 12.835 24.37-8.288 35.71a7.692 7.692 0 0 1-3.65.921zM211.928 87.794a7.736 7.736 0 0 1-6.826-4.085 7.746 7.746 0 0 1 3.161-10.485c7.337-3.938 7.022-5.137 1.911-14.84-5.1-9.682-14.591-27.706 11.731-42.853a7.737 7.737 0 0 1 10.566 2.853 7.746 7.746 0 0 1-2.852 10.574c-13.39 7.704-11.155 11.949-5.754 22.205 4.486 8.517 12.835 24.37-8.287 35.71a7.692 7.692 0 0 1-3.65.921z"
/>
<path
fill="#f78120"
fill-rule="evenodd"
d="M103.23 290.863C46.198 290.863 0 337.124 0 394.167 0 451.24 46.198 497.5 103.23 497.5c56.682 0 102.675-45.734 103.23-102.31h-.029l.029-1.023c0-14.875-3.154-29.018-8.819-41.789a72.398 72.398 0 0 0-2.278-4.822c-14.397-28.434-41.555-49.329-73.969-55.086a103.526 103.526 0 0 0-18.164-1.607zM37.408 394.167c0-36.354 29.465-65.869 65.822-65.869 18.164 0 34.605 7.364 46.519 19.258 11.915 11.923 19.303 28.405 19.303 46.611v1.023c-.555 35.915-29.816 64.875-65.822 64.875-36.357 0-65.822-29.515-65.822-65.898z"
clip-rule="evenodd"
/>
<path
fill="#b0eaff"
fill-rule="evenodd"
d="M149.749 347.556c-11.915-11.894-28.355-19.258-46.519-19.258-36.357 0-65.822 29.515-65.822 65.869 0 36.383 29.465 65.898 65.822 65.898 36.006 0 65.267-28.96 65.822-64.875v-1.023c0-18.148-7.359-34.6-19.244-46.523-.03-.029-.059-.059-.059-.088z"
clip-rule="evenodd"
/>
<path
fill="#916859"
d="M124.285 388.703h-13.316v-28.376c0-4.277-3.465-7.744-7.739-7.744s-7.739 3.467-7.739 7.744v36.12a7.742 7.742 0 0 0 7.739 7.744h21.055c4.274 0 7.739-3.467 7.739-7.744s-3.465-7.744-7.739-7.744z"
/>
<path
fill="#d66112"
fill-rule="evenodd"
d="M195.363 347.556c-14.397-28.434-41.555-49.329-73.969-55.086a103.358 103.358 0 0 0-39.598.643c32.969 5.114 60.799 25.862 75.663 54.443 6.6 12.741 10.659 27.002 11.447 42.111v.058c.088 1.461.146 2.952.146 4.442v1.022c0 49.679-35.072 91.205-81.796 101.053a102.788 102.788 0 0 0 15.974 1.257c56.682 0 102.675-45.734 103.23-102.31h-.029a54.106 54.106 0 0 0 0-3.068v-.058a100.961 100.961 0 0 0-2.249-19.521 100.44 100.44 0 0 0-6.541-20.164 64.93 64.93 0 0 0-1.781-3.828 9.282 9.282 0 0 0-.38-.76.854.854 0 0 0-.117-.234z"
clip-rule="evenodd"
/>
<path
fill="#72d1f7"
fill-rule="evenodd"
d="M149.749 347.556c-11.915-11.894-28.355-19.258-46.519-19.258-4.264 0-8.439.409-12.469 1.198 13.375 2.572 25.318 9.176 34.517 18.527 11.652 11.894 18.835 28.171 18.835 46.143v1.023c-.467 31.649-23.274 57.92-53.353 63.677a64.905 64.905 0 0 0 12.469 1.198c36.006 0 65.267-28.96 65.822-64.875v-.205c0-1.724-.058-3.478-.146-5.26-1.051-15.605-7.534-29.749-17.58-40.503-.204-.234-.409-.438-.613-.643a27.984 27.984 0 0 0-.905-.935z"
clip-rule="evenodd"
/>
</svg>
More icons in the same style and category