The Standard Icon Set

Communication

Message Text icon

A rectangular speech bubble with a tail at the bottom left and two text lines inside. Use for messages, comments, or text feedback.

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 3.208H12.5C12.765 3.208 13.02 3.313 13.207 3.501C13.395 3.688 13.5 3.943 13.5 4.208L13.5 10.393C13.5 10.659 13.395 10.913 13.207 11.101C13.02 11.288 12.765 11.393 12.5 11.393H7C7 11.393 6.967 12.437 6.298 12.89C5.629 13.343 4.656 13.126 4.656 13.126C4.656 13.126 5.067 12.65 5.034 12.098C5.001 11.546 4.5 11.393 4.5 11.393H3.5C3.235 11.393 2.98 11.288 2.793 11.101C2.605 10.913 2.5 10.659 2.5 10.393V4.208C2.5 3.943 2.605 3.688 2.793 3.501C2.98 3.313 3.235 3.208 3.5 3.208Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M5 6.05H11M5 8.05H9" 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