Chat icon

A free chat icon in 5 styles, drawn by hand on a 24px grid. Copy it as SVG or JSX, for personal or commercial use.

Style Stroke

Category: Communication & Messaging
Size: 24 × 24, scales to any size
License: Free, credit optional (terms)
Tags: chat, message, conversation, talk, communication, default, dialogue

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path transform="translate(3 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M9 18C13.97 18 18 13.97 18 9C18 4.03 13.97 0 9 0C4.03 0 0 4.03 0 9C0 9.43 0.03 9.86 0.09 10.27C0.26 11.48 0.34 12.08 0.36 12.24C0.38 12.49 0.37 12.4 0.37 12.66C0.37 12.82 0.36 13 0.33 13.36L0.18 15.51C0.12 16.37 0.09 16.8 0.24 17.12C0.37 17.4 0.6 17.63 0.88 17.76C1.2 17.91 1.63 17.88 2.49 17.82L4.64 17.67C5 17.64 5.18 17.63 5.34 17.63C5.6 17.63 5.51 17.62 5.76 17.64C5.92 17.66 6.52 17.74 7.73 17.91C8.14 17.97 8.57 18 9 18Z"/>
  <path transform="translate(3 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M5 7L13 7M5 11L9 11"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path transform="translate(2 2)" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M0 10C0 4.48 4.48 0 10 0C15.52 0 20 4.48 20 10C20 15.52 15.52 20 10 20C9.52 20 9.05 19.97 8.59 19.9L8.59 19.9C7.98 19.82 7.54 19.75 7.22 19.71C7.06 19.69 6.94 19.67 6.84 19.66C6.8 19.65 6.76 19.65 6.73 19.64L6.7 19.64L6.69 19.64L6.69 19.64L6.55 19.63C6.52 19.63 6.52 19.63 6.52 19.63C6.52 19.63 6.52 19.63 6.49 19.63L6.35 19.63C6.23 19.63 6.09 19.64 5.71 19.67L3.52 19.82C3.12 19.85 2.76 19.88 2.47 19.87C2.15 19.87 1.8 19.83 1.45 19.67C0.96 19.43 0.57 19.04 0.33 18.55C0.17 18.2 0.13 17.85 0.13 17.53C0.12 17.24 0.15 16.88 0.18 16.48L0.33 14.29C0.36 13.91 0.37 13.77 0.37 13.65L0.37 13.51C0.37 13.49 0.37 13.48 0.37 13.48C0.37 13.48 0.37 13.47 0.37 13.45L0.36 13.31L0.36 13.31L0.36 13.31L0.36 13.3L0.36 13.27C0.35 13.24 0.35 13.2 0.34 13.16C0.33 13.06 0.31 12.94 0.29 12.78C0.25 12.46 0.18 12.01 0.1 11.41C0.03 10.95 0 10.48 0 10ZM6 7C5.45 7 5 7.45 5 8C5 8.55 5.45 9 6 9L14 9C14.55 9 15 8.55 15 8C15 7.45 14.55 7 14 7L6 7ZM6 11C5.45 11 5 11.45 5 12C5 12.55 5.45 13 6 13L10 13C10.55 13 11 12.55 11 12C11 11.45 10.55 11 10 11L6 11Z"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(3 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M9 18C13.97 18 18 13.97 18 9C18 4.03 13.97 0 9 0C4.03 0 0 4.03 0 9C0 9.43 0.03 9.86 0.09 10.27C0.26 11.48 0.34 12.08 0.36 12.24C0.38 12.49 0.37 12.4 0.37 12.66C0.37 12.82 0.36 13 0.33 13.36L0.18 15.51C0.12 16.37 0.09 16.8 0.24 17.12C0.37 17.4 0.6 17.63 0.88 17.76C1.2 17.91 1.63 17.88 2.49 17.82L4.64 17.67C5 17.64 5.18 17.63 5.34 17.63C5.6 17.63 5.51 17.62 5.76 17.64C5.92 17.66 6.52 17.74 7.73 17.91L7.73 17.91C8.14 17.97 8.57 18 9 18Z"/>
  <path transform="translate(8 10)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0 0L8 0M0 4L4 4"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(2 2)" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M10 0C4.48 0 0 4.48 0 10C0 10.48 0.03 10.95 0.1 11.41C0.18 12.01 0.25 12.46 0.29 12.78C0.31 12.94 0.33 13.06 0.34 13.16C0.35 13.2 0.35 13.24 0.36 13.27L0.36 13.3L0.36 13.31L0.36 13.31L0.36 13.31L0.37 13.45C0.37 13.47 0.37 13.48 0.37 13.48C0.37 13.48 0.37 13.49 0.37 13.51L0.37 13.65C0.37 13.77 0.36 13.91 0.33 14.29L0.18 16.48C0.15 16.88 0.12 17.24 0.13 17.53C0.13 17.85 0.17 18.2 0.33 18.55C0.57 19.04 0.96 19.43 1.45 19.67C1.8 19.83 2.15 19.87 2.47 19.87C2.76 19.88 3.12 19.85 3.52 19.82L5.71 19.67C6.09 19.64 6.23 19.63 6.35 19.63L6.49 19.63C6.52 19.63 6.52 19.63 6.52 19.63C6.52 19.63 6.52 19.63 6.55 19.63L6.69 19.64L6.69 19.64L6.7 19.64L6.73 19.64C6.76 19.65 6.8 19.65 6.84 19.66C6.94 19.67 7.06 19.69 7.22 19.71C7.54 19.75 7.98 19.82 8.59 19.9L8.59 19.9C9.05 19.97 9.52 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0Z"/>
  <path transform="translate(8 10)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0 0L8 0M0 4L4 4"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(3 3)" fill="currentColor" d="M9 18C13.97 18 18 13.97 18 9C18 4.03 13.97 0 9 0C4.03 0 0 4.03 0 9C0 9.43 0.03 9.86 0.09 10.27C0.26 11.48 0.34 12.08 0.36 12.24C0.38 12.49 0.37 12.4 0.37 12.66C0.37 12.82 0.36 13 0.33 13.36L0.18 15.51C0.12 16.37 0.09 16.8 0.24 17.12C0.37 17.4 0.6 17.63 0.88 17.76C1.2 17.91 1.63 17.88 2.49 17.82L4.64 17.67C5 17.64 5.18 17.63 5.34 17.63C5.6 17.63 5.51 17.62 5.76 17.64C5.92 17.66 6.52 17.74 7.73 17.91L7.73 17.91C8.14 17.97 8.57 18 9 18Z"/>
  <path transform="translate(3 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M9 18C13.97 18 18 13.97 18 9C18 4.03 13.97 0 9 0C4.03 0 0 4.03 0 9C0 9.43 0.03 9.86 0.09 10.27C0.26 11.48 0.34 12.08 0.36 12.24C0.38 12.49 0.37 12.4 0.37 12.66C0.37 12.82 0.36 13 0.33 13.36L0.18 15.51C0.12 16.37 0.09 16.8 0.24 17.12C0.37 17.4 0.6 17.63 0.88 17.76C1.2 17.91 1.63 17.88 2.49 17.82L4.64 17.67C5 17.64 5.18 17.63 5.34 17.63C5.6 17.63 5.51 17.62 5.76 17.64C5.92 17.66 6.52 17.74 7.73 17.91C8.14 17.97 8.57 18 9 18Z"/>
  <path transform="translate(3 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M5 7L13 7M5 11L9 11"/>
</svg>