Add icons to this collection by clicking the heart icon.
Coffee Break icon - also known as hot drink, coffee cup, coffee breaks, bubble tea, cafe, break, tea cup, coffee break, food and restaurant, and business and finance. Created in a clean gradient 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"
>
<linearGradient id="a">
<stop offset="0" stop-color="#19c0ff" />
<stop offset="1" stop-color="#482abf" />
</linearGradient>
<linearGradient
id="b"
x1="5.998"
x2="64.698"
y1="64.584"
y2="5.883"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="-10.664"
x2="48.037"
y1="47.922"
y2="-10.778"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="-11.441"
x2="47.26"
y1="47.145"
y2="-11.556"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="-6.793"
x2="51.908"
y1="51.794"
y2="-6.907"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="3.884"
x2="62.584"
y1="62.47"
y2="3.769"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="5.003"
x2="63.704"
y1="63.589"
y2="4.888"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M45.55 46.62c5.68-.18 10.37-4.93 10.44-10.61.07-5.65-4.46-10.51-10.11-10.86 0-1.66-.6-3.26-2.45-3.59-.39-.07-.81-.05-1.21-.05H14.54c-1.72 0-3.6.13-4.16 2.17-.38 1.37-.11 3.1-.11 4.49v15.36c.01 3.77 1.59 7.28 4.74 9.48-2.25 0-4.9-.41-6.36 1.74-1.81 2.68.26 6.06 3.34 6.14 2.95.08 25.02.19 33.08 0 3.3-.08 5.42-3.9 3.09-6.54-1.67-1.9-4.73-1.34-7-1.34 2.17-1.49 3.75-3.73 4.39-6.39zm.34-15.94c2.52.41 4.44 2.64 4.44 5.19s-1.92 4.8-4.44 5.2zM54 35.87c0 4.62-3.59 8.41-8.13 8.75.03-.51.02-1.02.02-1.53 3.62-.42 6.44-3.58 6.44-7.22s-2.82-6.8-6.44-7.22v-1.52c4.53.35 8.11 4.14 8.11 8.74zm-8.77 19.14c2.54 0 2.47 3.73-.01 3.89-.42.03-31.65.06-33.21 0-2.86-.11-2.14-3.89-.15-3.89zm-10.41-2c-3.59 0-13.96.12-15.48-.23-3.08-.7-5.64-3.04-6.61-6.04-.46-1.43-.44-2.86-.44-4.34 0-1.94-.06-13.6 0-17.48.01-.54-.01-1.08.61-1.34.27-.11 25.22-.08 28.89-.08 1.07 0 2.07-.1 2.1 1.34.03 1.59.02 17.88 0 19.1-.05 3.17-1.64 6.14-4.39 7.79a9.173 9.173 0 0 1-4.68 1.28z"
/>
<path
fill="url(#c)"
d="M27.26 8.4c-.8.66-1.33 1.51-1.11 2.59.15.76.78 1.23.99 1.95.26.87-.29 2.51.81 2.88 1.44.47 1.37-1.52 1.29-2.36s-.3-1.6-.77-2.3c-.65-.95-.03-.99.62-1.74.77-.89.74-2.07.21-3.07-.23-.45-.56-.84-.74-1.31-.21-.55-.04-1.3-.48-1.74-.5-.5-1.34-.31-1.62.32-.25.58-.01 1.45.19 2.02.33.91 1.6 1.94.61 2.76z"
/>
<path
fill="url(#d)"
d="M22.58 11.52c-.8.66-1.33 1.51-1.12 2.59.15.76.78 1.22.99 1.95.26.87-.29 2.51.81 2.88 1.44.47 1.37-1.52 1.29-2.36s-.3-1.6-.77-2.3c-.65-.95-.03-.99.62-1.74.77-.89.74-2.07.21-3.08-.23-.45-.56-.84-.74-1.31-.21-.55-.04-1.3-.48-1.74-.5-.5-1.34-.31-1.62.32-.25.58-.01 1.45.19 2.02.34.93 1.6 1.95.62 2.77z"
/>
<path
fill="url(#e)"
d="M31.7 11.7c-.8.66-1.33 1.51-1.12 2.59.15.76.78 1.22.99 1.95.26.87-.29 2.51.81 2.88 1.44.47 1.37-1.52 1.29-2.36s-.3-1.6-.77-2.3c-.65-.95-.03-.99.62-1.74.77-.89.74-2.07.21-3.08-.22-.45-.55-.84-.73-1.31-.21-.55-.04-1.3-.48-1.74-.5-.5-1.34-.31-1.62.32-.25.58-.01 1.45.19 2.02.33.92 1.6 1.95.61 2.77z"
/>
<path
fill="url(#f)"
d="M28.09 26.47c-4.91 0-9.46 3.1-11.19 7.69-1.75 4.63-.28 9.97 3.53 13.12 3.87 3.21 9.51 3.64 13.83 1.06 4.23-2.53 6.51-7.55 5.53-12.39-1.11-5.48-6.12-9.48-11.7-9.48zm1 21.53c0-.81.24-2.36-1-2.36s-1 1.55-1 2.36c-4.67-.46-8.4-4.14-8.88-8.74.81 0 2.39.25 2.39-1s-1.58-1-2.39-1c.48-4.61 4.2-8.28 8.88-8.74 0 .81-.24 2.36 1 2.36s1-1.55 1-2.36c4.67.46 8.4 4.14 8.88 8.74-.81 0-2.39-.25-2.39 1s1.58 1 2.39 1c-.47 4.6-4.2 8.27-8.88 8.74z"
/>
<path
fill="url(#g)"
d="M28.91 37.53c0-.53.01-3.96.01-3.96s.03-1.2-1-1.18c-1.05.02-1.07 1.21-1.07 1.21s-.07 3.29.05 4.22c.09.71.67 1.24 1.09 1.79.76.97 3.06 4.08 3.53 4.54.67.64 1.92.33 1.78-.74-.04-.34-.28-.57-.47-.83-1.27-1.7-2.61-3.37-3.92-5.05z"
/>
</svg>
More icons in the same style and category