The Standard Icon Set

Communication

Message Code icon

A rectangular speech bubble with a tail at the bottom left and an angle bracket pair inside. Use for code comments or developer chat.

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.77 3.208 13.02 3.313 13.21 3.501C13.39 3.688 13.5 3.943 13.5 4.208L13.5 10.393C13.5 10.659 13.39 10.913 13.21 11.101C13.02 11.288 12.77 11.393 12.5 11.393H7C7 11.393 6.97 12.437 6.3 12.89C5.63 13.343 4.66 13.126 4.66 13.126C4.66 13.126 5.07 12.65 5.03 12.098C5 11.546 4.5 11.393 4.5 11.393H3.5C3.23 11.393 2.98 11.288 2.79 11.101C2.61 10.913 2.5 10.659 2.5 10.393V4.208C2.5 3.943 2.61 3.688 2.79 3.501C2.98 3.313 3.23 3.208 3.5 3.208Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M6.75 5.55L5.5 7.3L6.75 9.05M9.25 5.55L10.5 7.3L9.25 9.05" 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