Add icons to this collection by clicking the heart icon.
Chat icon - also known as communication, chat, conversation, speech bubble, multimedia, and communications. Created in a clean gradient 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="-45.223"
x2="-25.183"
y1="642.686"
y2="622.647"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M382.827 172.224C372.821 74.965 290.816 0 192 0 86.123 0 0 86.144 0 192c0 64.171 31.424 123.072 84.395 158.827-2.901 20.757-16.171 38.848-35.627 48.064a10.651 10.651 0 0 0-6.101 9.621c0 4.117 2.347 7.872 6.059 9.643 11.797 5.653 24.128 8.512 36.608 8.512 31.893 0 60.587-17.472 75.264-45.184 21.163 3.435 43.52 3.157 66.091-.939 22.421 50.752 70.357 84.736 125.909 88.299C367.744 495.616 395.563 512 426.667 512c12.501 0 24.811-2.859 36.608-8.512 3.712-1.771 6.059-5.525 6.059-9.643 0-4.096-2.368-7.851-6.059-9.621-14.208-6.784-25.216-18.197-31.147-32.021C480.96 426.624 512 375.744 512 320c0-74.667-56.021-137.792-129.173-147.776zM218.965 360.213c-21.504 3.413-42.667 2.987-62.293-1.173-5.099-1.067-10.155 1.643-12.075 6.421-10.773 26.475-38.272 42.923-66.539 39.424 16.491-14.656 26.816-35.392 28.139-58.368.043-.384.064-.747.064-1.131V345.048a11.45 11.45 0 0 0-.427-2.581 10.684 10.684 0 0 0-4.565-6.016C51.2 304.939 21.333 250.987 21.333 192 21.333 97.899 97.899 21.333 192 21.333c86.592 0 158.699 64.768 169.259 149.397-81.686.769-147.926 67.393-147.926 149.27 0 13.653 1.92 27.136 5.632 40.213zm195.691 76.758c-4.821 2.133-7.36 7.424-5.995 12.48 4.224 15.851 13.077 29.952 25.323 40.768-27.435 3.435-53.355-11.435-65.088-36.309a10.658 10.658 0 0 0-9.408-6.123c-52.48-1.152-98.219-33.685-116.544-82.944-5.504-14.443-8.277-29.525-8.277-44.843 0-70.592 57.408-128 128-128 3.179 0 6.592.192 9.664.405 66.347 4.928 118.336 60.971 118.336 127.595 0 50.603-29.824 96.512-76.011 116.971z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-32.41"
x2="-30.996"
y1="632.192"
y2="630.777"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<circle cx="320" cy="320" r="21.333" fill="url(#b)" />
<linearGradient
id="c"
x1="-28.41"
x2="-26.996"
y1="632.192"
y2="630.777"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<circle cx="405.333" cy="320" r="21.333" fill="url(#c)" />
</svg>
More icons in the same style and category