Add icons to this collection by clicking the heart icon.
Coffee icon - also known as clock, time, hour, coffee, beverage, hot drink, break, and food and restaurant. Created in a clean lineal color style with a white, silver, gray, black, 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="682.665"
height="682.667"
viewBox="0 0 682.665 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="m0 0-3.197-2.885v-25L0-31.927c14.269-7.075 24.106-21.792 24.106-38.768 0-16.977-9.837-31.694-24.106-38.769l-3.197-5.255-4.667-23.166 2.968-4.658c33.593 6.65 59.002 36.333 59.002 71.848C54.106-36.929 31.133-8.44 0 0"
transform="translate(344.32 221.384)"
fill="#dbedff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-12.296l-32.172-19.6-22.878-30.84L-77-81.023s.333-27.054 0-27.649c-.333-.595 9.261-38.262 9.261-38.262L-41-182.6l22.25-15.5 15.875-5.051c45.132 11.964 78.398 53.084 78.398 101.979C75.523-53.32 43.662-12.917 0 0"
transform="translate(413.305 500.172)"
fill="#60b9fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 47.852 31.86 88.255 75.523 101.172a105.526 105.526 0 0 1-29.977 4.328c-58.266 0-105.5-47.234-105.5-105.5s47.234-105.5 105.5-105.5c10.414 0 20.474 1.517 29.977 4.328C31.86-88.255 0-47.852 0 0"
transform="translate(337.782 399)"
fill="#1ca8ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-3.537 35.995-32.248 64.707-68.243 68.245l-4.773-2.796h-6.75l-3.477 2.796a75.616 75.616 0 0 1-13.156-2.482l-16.713-22.53-9.654-30.583s.334-27.053 0-27.648c-.333-.595 9.262-38.262 9.262-38.262l21.413-28.563a75.828 75.828 0 0 1 8.848-1.418l4.311 2.481h7.166l3.523-2.481C-32.25-79.703-3.539-50.993 0-15c0 .001-3.016 4.574-3.016 4.949v6.25z"
transform="translate(459.07 406.498)"
fill="#dbedff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c3.306-33.629 28.589-60.894 61.251-67.217C42.078-48.116 30.197-21.701 30.197 7.502c0 29.203 11.881 55.618 31.054 74.719C28.587 75.897 3.304 48.631 0 15l4.386-8.88Z"
transform="translate(307.585 391.498)"
fill="#b5dcff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-8.173 0-14.822-6.648-14.822-14.821S-8.173-29.643 0-29.643c8.172 0 14.821 6.649 14.821 14.822C14.821-6.648 8.172 0 0 0"
transform="translate(383.328 413.821)"
fill="#ff5595"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a42.982 42.982 0 0 0-19.144-4.481c-3.752 0-7.395.482-10.869 1.384l-5.601-3.746-4.5-14.495 2.993-10.904a73.103 73.103 0 0 1 17.977-2.239c4.875 0 9.637.489 14.248 1.402A96.844 96.844 0 0 1 0-2.595Z"
transform="translate(344.32 111.92)"
fill="#b5dcff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-7.121-6.547v-19.75L0-30.571c3.47.9 7.108 1.381 10.856 1.381A42.983 42.983 0 0 0 30-33.672v31.927A73.074 73.074 0 0 1 0 0"
transform="translate(314.32 223.129)"
fill="#b5dcff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-187.164a1385.946 1385.946 0 0 1-6.426-3.545l-2.833-8.5v-151.25l18.333-31.75 31.227-15.332h95.812c36.078 0 65.325 30.247 65.325 66.325v129.778C14.274-6.391 7.883 0 0 0"
transform="translate(300.046 253.377)"
fill="#dbedff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v129.777c0 7.884 6.391 14.275 14.274 14.275h-45.929c-7.884 0-14.275-6.391-14.275-14.275V0c0-36.078 29.247-66.325 65.325-66.325h45.93C29.247-66.325 0-36.078 0 0"
transform="translate(105.91 109.325)"
fill="#b5dcff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-266.974c-2.125-1.554-4.277-3.168-4.277-3.168l-2-6.125 2.625-11.625 7.75-10.75 12.08-4.832h231.525C-3.87-36.5 8.615-24.015 8.615-8.614A8.614 8.614 0 0 1 0 0"
transform="translate(340.207 44)"
fill="#bc7f7f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a8.614 8.614 0 0 0 8.615 8.614h-45.93A8.614 8.614 0 0 1-45.93 0c0-15.4 12.485-27.886 27.886-27.886h45.929C12.485-27.886 0-15.4 0 0"
transform="translate(69.098 35.386)"
fill="#b06c6c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-41.97 0-76.116-34.146-76.116-76.116S-41.97-152.232 0-152.232s76.116 34.146 76.116 76.116S41.97 0 0 0Z"
transform="translate(383.33 475.116)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-7.887"
transform="translate(383.33 474.34)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-7.887"
transform="translate(383.33 331.547)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h7.886"
transform="translate(307.99 399)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h7.886"
transform="translate(450.783 399)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-26.689"
transform="translate(383.33 442.231)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h19.764"
transform="translate(398.927 399)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-8.172 0-14.821-6.648-14.821-14.821S-8.172-29.643 0-29.643c8.173 0 14.822 6.649 14.822 14.822C14.822-6.648 8.173 0 0 0Z"
transform="translate(383.33 413.821)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-225.791c-7.884 0-14.274-6.391-14.274-14.274v-129.778c0-36.078 29.246-65.325 65.324-65.325H-51.05c36.077 0 65.324 29.247 65.324 65.325v129.778C14.274-6.391 7.883 0 0 0Z"
transform="translate(300.047 253.377)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-308.424a8.614 8.614 0 0 1-8.615-8.614c0-15.401 12.485-27.886 27.886-27.886h269.882C-3.87-36.5 8.614-24.015 8.614-8.614A8.613 8.613 0 0 1 0 0Z"
transform="translate(340.209 44)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v35.961"
transform="translate(109.137 285.496)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v35.961"
transform="translate(147.567 285.496)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v35.961"
transform="translate(185.997 285.496)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v35.961"
transform="translate(224.427 285.496)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v35.961"
transform="translate(262.856 285.496)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c49.936 8.338 88 51.744 88 104.047 0 58.265-47.234 105.5-105.5 105.5S-123 162.312-123 104.047C-123 51.743-84.937 8.338-35 0"
transform="translate(400.83 294.953)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-7.724 32.167-36.712 56.152-71.214 56.152-3.689 0-7.313-.28-10.856-.809V24.771a43.145 43.145 0 0 0 10.856 1.381c23.847 0 43.25-19.401 43.25-43.25 0-23.847-19.403-43.25-43.25-43.25-3.753 0-7.395.483-10.869 1.385a65.023 65.023 0 0 0-7.108-29.145 73.097 73.097 0 0 1 17.977-2.24C-36.999-90.348-8.195-66.764-.186-35"
transform="translate(396.392 167.786)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category