Add icons to this collection by clicking the heart icon.
Chat icon - also known as communication, chat, gift, conversation, speech bubble, multimedia, communications, and birthday and party. Created in a clean flat style with a red, yellow, teal, orange, and pink finish, 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="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M437 60c-8.284 0-15 6.716-15 15v242c0 8.284-6.716 15-15 15H196c-3.9 0-7.8 1.5-10.499 4.499l-60 60c-4.501 4.2-5.7 10.501-3.301 16.201 2.4 5.7 7.8 9.3 13.8 9.3h173.699l86.801 85.499C399.2 510.5 403.1 512 407 512c1.8 0 3.9-.3 5.7-1.201C418.4 508.4 422 503 422 497v-75c49.706 0 90-40.294 90-90V135c0-41.421-33.579-75-75-75z"
fill="#ff5fa8"
/>
<path
d="M512 135c0-41.421-33.579-75-75-75-8.284 0-15 6.716-15 15v242c0 8.284-6.716 15-15 15H265.73L226 362v60h83.699l86.801 85.499C399.2 510.5 403.1 512 407 512c1.8 0 3.9-.3 5.7-1.201C418.4 508.4 422 503 422 497v-75c49.706 0 90-40.294 90-90V135z"
fill="#ff3e75"
/>
<path
d="M362 0H90C40.294 0 0 40.294 0 90v182c0 49.706 40.294 90 90 90h1v75c0 6 3.6 11.4 9.3 13.799 1.8.901 3.9 1.201 5.7 1.201 3.9 0 7.8-1.5 10.499-4.501L202.301 362H362c49.706 0 90-40.294 90-90V90c0-49.706-40.294-90-90-90z"
fill="#fedb41"
/>
<path
d="M452 90v182c0 49.706-40.294 90-90 90H226V0h136c49.706 0 90 40.294 90 90z"
fill="#fcbf29"
/>
<path
d="M301 105c0 12.001-4.799 23.401-13.2 31.8H164.2c-8.401-8.399-13.2-19.799-13.2-31.8s4.799-23.401 13.2-31.8c16.5-16.5 44.7-16.8 61.8-1.199 17.1-15.3 45.3-15.3 61.8 1.199 8.401 8.399 13.2 19.799 13.2 31.8z"
fill="#17ceb4"
/>
<path
d="M287.8 136.8H226V72.001c17.1-15.3 45.3-15.3 61.8 1.199 8.401 8.399 13.2 19.799 13.2 31.8s-4.799 23.401-13.2 31.8z"
fill="#11ad94"
/>
<path
d="M286 180H166c-8.401 0-15 6.599-15 15v92c0 8.401 6.599 15 15 15h120c8.401 0 15-6.599 15-15v-92c0-8.401-6.599-15-15-15z"
fill="#fc1a40"
/>
<path
d="M316 120H136c-8.401 0-15 6.599-15 15v60c0 8.401 6.599 15 15 15h180c8.401 0 15-6.599 15-15v-60c0-8.401-6.599-15-15-15z"
fill="#ff3e75"
/>
<path d="M211 180h30v122h-30z" fill="#17ceb4" />
<path
d="M301 195v92c0 8.401-6.599 15-15 15h-60V180h60c8.401 0 15 6.599 15 15z"
fill="#c60034"
/>
<path d="M226 180h15v122h-15z" fill="#11ad94" />
<path
d="M331 135v60c0 8.401-6.599 15-15 15h-90v-90h90c8.401 0 15 6.599 15 15z"
fill="#fc1a40"
/>
<path d="M211 120h30v90h-30z" fill="#1ceed2" />
<path d="M226 120h15v90h-15z" fill="#17ceb4" />
</svg>
More icons in the same style and category