The Standard Icon Set

Communication

Messages icon

Two overlapping rectangular speech bubbles, one at the upper left and one at the lower right. Use for conversations, group chat, or threads.

Also searched as chat, conversations.

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="M3.5 2.5H9.5C9.77 2.5 10.02 2.605 10.21 2.793C10.39 2.98 10.5 3.235 10.5 3.5V7C10.5 7.265 10.39 7.52 10.21 7.707C10.02 7.895 9.77 8 9.5 8H5.5L3.5 9.5V8C3.23 8 2.98 7.895 2.79 7.707C2.61 7.52 2.5 7.265 2.5 7V3.5C2.5 3.235 2.61 2.98 2.79 2.793C2.98 2.605 3.23 2.5 3.5 2.5Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M12.5 6C12.77 6 13.02 6.105 13.21 6.293C13.39 6.48 13.5 6.735 13.5 7V10.5C13.5 10.765 13.39 11.02 13.21 11.207C13.02 11.395 12.77 11.5 12.5 11.5V13L10.5 11.5H7.5C7.23 11.5 6.98 11.395 6.79 11.207C6.61 11.02 6.5 10.765 6.5 10.5V9.75" 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