The Standard Icon Set

Food and Drink

Coffee icon

A cup with a handle on the right and two wavy lines of steam rising above it. Use for coffee, a break, or a cafe.

Also searched as cafe, mug, drink, break, cup.

SVG
PNG
Size
Weight

Sizes

  • 16
  • 18
  • 20
  • 22
  • 24
  • 28
  • 32
  • 40
  • 48

Use it

Format
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M2.75 6.666H10.75V10.666C10.75 11.462 10.434 12.225 9.871 12.787C9.309 13.35 8.546 13.666 7.75 13.666H5.75C4.954 13.666 4.191 13.35 3.629 12.787C3.066 12.225 2.75 11.462 2.75 10.666V6.666Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M10.75 7.666H11.75C12.148 7.666 12.529 7.824 12.811 8.105C13.092 8.387 13.25 8.768 13.25 9.166C13.25 9.564 13.092 9.945 12.811 10.227C12.529 10.508 12.148 10.666 11.75 10.666H10.75" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M5.25 2.334C5.25 2.334 4.846 2.781 5.25 3.559C5.654 4.336 5.25 4.783 5.25 4.783" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M7.732 2.334C7.732 2.334 7.328 2.781 7.732 3.559C8.136 4.336 7.732 4.783 7.732 4.783" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/></svg>

Paste it into HTML. It draws in currentColor, so it takes the colour of the text around it.

Related15