Skip to main content
Modus Icons

Chat

  • Tags: chat bubble, text, message
  • Category: Communications

Examples

Heading
Smaller heading

Inline text

Example link text

Download

Download the SVG to use or edit.

Download SVG

Icon font

Using the web font? Copy, paste, and go.

<i class="modus-icons notranslate">chat</i>

Copy HTML

Paste the SVG right into your project's code.

<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" height="24" width="24" viewBox="0 0 32 32">


  <g>
    <circle cx="7.5" cy="11.5" r="1.5"/>
    <circle cx="12.5" cy="11.5" r="1.5"/>
    <circle cx="17.5" cy="11.5" r="1.5"/>
    <path d="M22 19a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v13a1 1 0 0 0 1 1h3v5a.999.999 0 0 0 1.707.707L13.414 19H22zm-9.382-1.923a1 1 0 0 0-.326.217L8 21.586V18a1 1 0 0 0-1-1H4V6h17v11h-8a1 1 0 0 0-.382.077z"/>
    <path d="M29 8h-3a1 1 0 1 0 0 2h2v11h-3a1 1 0 0 0-1 1v3.586l-4.292-4.292A1 1 0 0 0 19 21h-4.757a1 1 0 1 0 0 2h4.343l5.707 5.707A1 1 0 0 0 26 28v-5h3a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1z"/>
  </g>
</svg>