Add icons to this collection by clicking the heart icon.
Coffee Break icon - also known as heart, hot drink, love, coffee cup, mug, coffee breaks, chocolate, coffee break, and food and restaurant. Created in a clean lineal color 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="#e5e5e5" />
<path
fill="#f2f2f2"
d="M32 2A30.01 30.01 0 0 0 3.421 22.865 30 30 0 0 0 61.579 36.99 29.983 29.983 0 0 0 32 2z"
/>
<path
d="M51.484 37.349a16.911 16.911 0 1 1 3.386-12.6v2.223a16.911 16.911 0 0 1-3.386 10.377z"
opacity=".2"
/>
<g fill="#393a3a" opacity=".2">
<path
d="m29.978 46.5-4-3-6-6-11 9 8 8 1.162-1.419 8.838 4.419.466-1.707 3.534.707 7-3v-5z"
/>
<path
d="M15.978 24.5h-6l-1.884 9.423-2.116.577 4.492 10.78 9.508-7.78-3-6z"
/>
</g>
<path fill="#ddd" d="M53.868 27a15 15 0 1 1 0-4z" />
<path fill="#e5e5e5" d="M49.818 23H57v4h-7.182z" />
<path fill="#a66a43" d="m10 45 8 8 9-11-6-6z" />
<path fill="#d2976a" d="M19.161 51.581 28 56l3-11-4-3z" />
<path fill="#fbc89b" d="m31 45 8 2v5l-7 3-3.534-.707z" />
<path fill="#d2976a" d="m21 36-3-6-11 3 4.492 10.78z" />
<path fill="#fbc89b" d="m18 30-1-7h-6l-1.885 9.423z" />
<circle cx="39" cy="25" r="11" fill="#a66a43" />
<path
fill="#fbc89b"
d="M39 25a1 1 0 0 1-.707-.293l-2.414-2.414A2.978 2.978 0 0 1 35 20.171V20a3 3 0 0 1 3-3 1 1 0 0 1 .707.293l.293.293.293-.293A1 1 0 0 1 40 17a3 3 0 0 1 3 3v.171a2.978 2.978 0 0 1-.879 2.122l-2.414 2.414A1 1 0 0 1 39 25zm-1.351-5.937A1 1 0 0 0 37 20v.171a1 1 0 0 0 .293.708L39 22.586l1.707-1.707a1 1 0 0 0 .293-.708V20a1 1 0 0 0-.649-.937l-.644.644a1 1 0 0 1-1.414 0zM41.586 32h-5.172A4.415 4.415 0 0 1 32 27.586V26a1 1 0 0 1 1-1h4a1 1 0 0 1 .707.293L39 26.586l1.293-1.293A1 1 0 0 1 41 25h4a1 1 0 0 1 1 1v1.586A4.415 4.415 0 0 1 41.586 32zM34 27v.586A2.414 2.414 0 0 0 36.414 30h5.172A2.414 2.414 0 0 0 44 27.586V27h-2.586l-1.707 1.707a1 1 0 0 1-1.414 0L36.586 27z"
/>
<path
d="M32 1a31 31 0 1 0 31 31A31.035 31.035 0 0 0 32 1zm0 60a29 29 0 1 1 29-29 29.033 29.033 0 0 1-29 29z"
/>
<path
d="M39 9a16 16 0 1 0 15.7 19H57a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-2.3A16.034 16.034 0 0 0 39 9zm0 30a14 14 0 1 1 13.672-17h-2.067a12 12 0 1 0 0 6h2.067A14.039 14.039 0 0 1 39 39zm10-14a10 10 0 1 1-10-10 10.011 10.011 0 0 1 10 10zm7 1h-5.051c.028-.331.051-.662.051-1s-.023-.669-.051-1H56z"
/>
<path
d="M38.293 24.707a1 1 0 0 0 1.414 0l2.414-2.414A2.978 2.978 0 0 0 43 20.172V20a3 3 0 0 0-3-3 1 1 0 0 0-.707.293l-.293.293-.293-.293A1 1 0 0 0 38 17a3 3 0 0 0-3 3v.172a2.978 2.978 0 0 0 .879 2.121zM37 20a1 1 0 0 1 .649-.937l.644.644a1 1 0 0 0 1.414 0l.644-.644A1 1 0 0 1 41 20v.172a1.009 1.009 0 0 1-.293.707L39 22.586l-1.707-1.707a1.009 1.009 0 0 1-.293-.707z"
/>
<path
d="M45 25h-4a1 1 0 0 0-.707.293L39 26.586l-1.293-1.293A1 1 0 0 0 37 25h-4a1 1 0 0 0-1 1v1.586A4.413 4.413 0 0 0 36.414 32h5.172A4.413 4.413 0 0 0 46 27.586V26a1 1 0 0 0-1-1zm-1 2.586A2.416 2.416 0 0 1 41.586 30h-5.172A2.416 2.416 0 0 1 34 27.586V27h2.586l1.707 1.707a1 1 0 0 0 1.414 0L41.414 27H44zM39.243 46.03l-7.8-1.951-3.782-2.836-5.835-5.835-2.859-5.708-.977-6.839A1 1 0 0 0 17 22h-6a1 1 0 0 0-.98.8l-1.764 8.821-1.519.414a1 1 0 0 0-.66 1.35l4.205 10.091-.915.75a1 1 0 0 0-.074 1.481l8 8A1 1 0 0 0 18 54h.05a1 1 0 0 0 .724-.366l.654-.8 8.125 4.066a1 1 0 0 0 1.412-.632l.22-.806 2.619.523A1 1 0 0 0 32 56a.993.993 0 0 0 .394-.081l7-3A1 1 0 0 0 40 52v-5a1 1 0 0 0-.757-.97zM11.82 24h4.313l.752 5.267-6.472 1.766zm-3.459 9.665 9.111-2.484 2.276 4.551-7.848 6.423zm9.565 17.847-6.438-6.438 9.445-7.727 4.72 4.72zm9.43 3.049-6.629-3.315 6.44-7.871 2.689 2.018zM38 51.341l-6.108 2.618-2.18-.436 2-7.316L38 47.781z"
/>
</svg>
More icons in the same style and category