Add icons to this collection by clicking the heart icon.
Chat icon - also known as communication, message, chat, conversation, talk, speech bubble, communications, and chat box. Created in a clean lineal color style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 64 64"
>
<g>
<path
fill="#3b5892"
d="M24 26h34a4 4 0 0 1 4 4v20a4 4 0 0 1-4 4H45l-10 8v-8h-7a4 4 0 0 1-4-4z"
/>
<path
fill="#5e87ca"
d="m26 38-12 8v-8H6a4 4 0 0 1-4-4V6a4 4 0 0 1 4-4h44a4 4 0 0 1 4 4v28a4 4 0 0 1-4 4z"
/>
<path fill="#78a0d4" d="M50 2H6a4 4 0 0 0-4 4v28h46a2 2 0 0 0 2-2z" />
<path fill="#c8cded" d="m34 23-6-3 6-3V6h16v28H34z" />
<path fill="#e2e7f6" d="M47 31.008V6H34v11l-6 3 6 3v8.008z" />
<path fill="#3b5892" d="M6 32v-5a6 6 0 0 1 6-6h8a6 6 0 0 1 6 6v5z" />
<path
fill="#f2b9a1"
d="M11 14H9a2 2 0 0 0-2 2 2 2 0 0 0 2 2h2.1M21 14h2a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-2.1"
/>
<path fill="#213d68" d="M15 21h2v7h-2z" />
<g fill="#9da1bf">
<path
d="M37 9h10v2H37zM37 13h10v2H37zM37 17h10v2H37zM37 21h10v2H37zM37 25h10v2H37zM37 29h10v2H37z"
/>
</g>
<circle cx="31" cy="44" r="2" fill="#f2f2f2" />
<circle cx="39" cy="44" r="2" fill="#f2f2f2" />
<circle cx="47" cy="44" r="2" fill="#f2f2f2" />
<circle cx="55" cy="44" r="2" fill="#f2f2f2" />
<path
fill="#fbe1ca"
d="M21 14h-3a2 2 0 0 1-2-2 2 2 0 0 1-2 2h-3v3a5 5 0 0 0 5 5 5 5 0 0 0 5-5z"
/>
<path
fill="#c18e59"
d="M21 14h-3a2 2 0 0 1-2-2 2 2 0 0 1-2 2h-3a2 2 0 0 1-2-2 6 6 0 0 1 6-6h2a6 6 0 0 1 6 6 2 2 0 0 1-2 2z"
/>
<path
d="M27 32v-5a7.006 7.006 0 0 0-5.872-6.9 5.987 5.987 0 0 0 .522-1.1H23a2.993 2.993 0 0 0 .78-5.884A2.984 2.984 0 0 0 24 12a7.008 7.008 0 0 0-7-7h-2a7.008 7.008 0 0 0-7 7 2.984 2.984 0 0 0 .22 1.116A2.993 2.993 0 0 0 9 19h1.35a5.987 5.987 0 0 0 .522 1.1A7.006 7.006 0 0 0 5 27v5a1 1 0 0 0 1 1h20a1 1 0 0 0 1-1zM16 21a4 4 0 0 1-4-4v-2h2a2.987 2.987 0 0 0 2-.766A2.987 2.987 0 0 0 18 15h2v2a4 4 0 0 1-4 4zm7-4h-1v-2h1a1 1 0 0 1 0 2zM15 7h2a5.006 5.006 0 0 1 5 5 1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1 1 1 0 0 0-2 0 1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1 5.006 5.006 0 0 1 5-5zM9 17a1 1 0 0 1 0-2h1v2zm16 14H7v-4a5.006 5.006 0 0 1 5-5h.69a5.956 5.956 0 0 0 2.31.91V28h2v-5.09a5.956 5.956 0 0 0 2.31-.91H20a5.006 5.006 0 0 1 5 5zM37 9h10v2H37zM37 13h10v2H37zM37 17h10v2H37zM37 21h10v2H37zM37 25h10v2H37zM37 29h10v2H37z"
/>
<path
d="M27.553 20.9 33 23.618V34a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H34a1 1 0 0 0-1 1v10.382l-5.447 2.723a1 1 0 0 0 0 1.79zm6.894-3A1 1 0 0 0 35 17V7h14v26H35V23a1 1 0 0 0-.553-.895L30.236 20z"
/>
<path
d="M58 25h-3V6a5.006 5.006 0 0 0-5-5H6a5.006 5.006 0 0 0-5 5v28a5.006 5.006 0 0 0 5 5h7v7a1 1 0 0 0 1.555.832L23 41.2V50a5.006 5.006 0 0 0 5 5h6v7a1 1 0 0 0 1.625.781L45.351 55H58a5.006 5.006 0 0 0 5-5V30a5.006 5.006 0 0 0-5-5zM14 37H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h44a3 3 0 0 1 3 3v28a3 3 0 0 1-3 3H26a1.006 1.006 0 0 0-.555.168L15 44.132V38a1 1 0 0 0-1-1zm47 13a3 3 0 0 1-3 3H45a1 1 0 0 0-.625.219L36 59.919V54a1 1 0 0 0-1-1h-7a3 3 0 0 1-3-3V39.868L26.3 39H50a5.006 5.006 0 0 0 5-5v-7h3a3 3 0 0 1 3 3z"
/>
<circle cx="31" cy="44" r="2" />
<circle cx="39" cy="44" r="2" />
<circle cx="47" cy="44" r="2" />
<circle cx="55" cy="44" r="2" />
</g>
</svg>
More icons in the same style and category