Add icons to this collection by clicking the heart icon.
Coffee icon - also known as coffee, drinks, hearts, love, coffee mug, romantic, valentines day, and food and restaurant. 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="#fbb040" />
<stop offset=".006" stop-color="#faac44" />
<stop offset=".058" stop-color="#f68d66" />
<stop offset=".112" stop-color="#f37581" />
<stop offset=".166" stop-color="#f16494" />
<stop offset=".222" stop-color="#ef599f" />
<stop offset=".281" stop-color="#ef56a3" />
<stop offset=".624" stop-color="#f3903f" />
<stop offset=".809" stop-color="#ed683c" />
<stop offset=".944" stop-color="#ef56a3" />
</linearGradient>
<linearGradient
id="b"
x1="-1.023"
x2="60.933"
y1="2.011"
y2="64.489"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1=".498"
x2="62.455"
y1=".502"
y2="62.98"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="-2.41"
x2="59.547"
y1="3.385"
y2="65.863"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1=".112"
x2="62.068"
y1=".885"
y2="63.363"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="2.633"
x2="64.589"
y1="-1.615"
y2="60.863"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="5.153"
x2="67.11"
y1="-4.115"
y2="58.364"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="7.674"
x2="69.631"
y1="-6.615"
y2="55.864"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="10.195"
x2="72.152"
y1="-9.115"
y2="53.364"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="-10.909"
x2="51.047"
y1="11.814"
y2="74.292"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="-8.388"
x2="53.568"
y1="9.314"
y2="71.792"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="-5.867"
x2="56.089"
y1="6.814"
y2="69.292"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="-3.346"
x2="58.61"
y1="4.314"
y2="66.792"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="-.825"
x2="61.131"
y1="1.814"
y2="64.292"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M25.332 39.088c1.521 2.375 4.138 3.91 6.668 3.91s5.147-1.535 6.668-3.909c1.204-1.88 1.619-3.986 1.14-5.777-.346-1.289-1.151-2.317-2.269-2.896-1.868-.969-4.101-.065-5.539.77-1.438-.835-3.672-1.738-5.538-.771-1.118.579-1.924 1.607-2.27 2.896-.479 1.792-.064 3.898 1.14 5.777zm.793-5.258c.14-.523.472-1.231 1.258-1.638a1.88 1.88 0 0 1 .879-.192c.865 0 1.99.415 3.192 1.198.332.216.76.216 1.092 0 1.669-1.089 3.194-1.464 4.072-1.006.785.406 1.117 1.115 1.257 1.638.33 1.231-.003 2.794-.891 4.181-1.162 1.815-3.119 2.988-4.984 2.988s-3.822-1.173-4.984-2.988c-.888-1.387-1.221-2.95-.891-4.181z"
/>
<path
fill="url(#c)"
d="M13 16h.058l.485 8.085c-.351.1-.676.287-.927.56-.378.41-.568.964-.522 1.525l1.833 20.996a2.007 2.007 0 0 0 1.163 1.644l.799 12.37A3.003 3.003 0 0 0 18.884 64h26.232c1.585 0 2.9-1.239 2.995-2.816l.799-12.374a2.002 2.002 0 0 0 1.162-1.64l1.835-21.005a2.013 2.013 0 0 0-.523-1.52 1.994 1.994 0 0 0-.927-.56L50.942 16H51c1.103 0 2-.897 2-2v-3c0-1.103-.897-2-2-2h-.323L49.18 5.258A1.99 1.99 0 0 0 47.323 4H47V2c0-1.103-.897-2-2-2h-5c-1.103 0-2 .897-2 2v2H16.677c-.823 0-1.552.494-1.856 1.257L13.323 9H13c-1.103 0-2 .897-2 2v3c0 1.103.897 2 2 2zm32.116 46H18.884c-.528 0-.967-.413-.999-.945L17.107 49h29.786l-.778 12.06c-.032.527-.47.94-.999.94zM40 2h5v2h-5zM16.677 6h30.646l1.2 3H15.477zM13 11h38v3h-6a1 1 0 1 0 0 2h3.938l-.48 8H25a1 1 0 1 0 0 2l24.914-.004-1.578 18.072A.991.991 0 0 0 48 44h-2a1 1 0 1 0 0 2h2c.06 0 .113-.024.17-.034L48.08 47l-32.16-.004L14.087 26H21a1 1 0 1 0 0-2h-5.459l-.48-8H41a1 1 0 1 0 0-2H13z"
/>
<path fill="url(#d)" d="M21 29h2a1 1 0 1 0 0-2h-2a1 1 0 1 0 0 2z" />
<path fill="url(#e)" d="M26 29h2a1 1 0 1 0 0-2h-2a1 1 0 1 0 0 2z" />
<path fill="url(#f)" d="M31 29h2a1 1 0 1 0 0-2h-2a1 1 0 1 0 0 2z" />
<path fill="url(#g)" d="M36 29h2a1 1 0 1 0 0-2h-2a1 1 0 1 0 0 2z" />
<path fill="url(#h)" d="M41 29h2a1 1 0 1 0 0-2h-2a1 1 0 1 0 0 2z" />
<path fill="url(#i)" d="M46 29h2a1 1 0 1 0 0-2h-2a1 1 0 1 0 0 2z" />
<path fill="url(#j)" d="M23 44h-2a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2z" />
<path fill="url(#k)" d="M28 44h-2a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2z" />
<path fill="url(#l)" d="M33 44h-2a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2z" />
<path fill="url(#m)" d="M38 44h-2a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2z" />
<path fill="url(#n)" d="M43 44h-2a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2z" />
</svg>
More icons in the same style and category