Add icons to this collection by clicking the heart icon.
Chat icon - also known as message, chat, conversation, speech bubble, dialogue, communications, and call out. 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="256"
x2="256"
y1="512"
y2="0"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fd5900" />
<stop offset="1" stop-color="#ffde00" />
</linearGradient>
<linearGradient
id="b"
x1="256"
x2="256"
y1="301"
y2="211"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffe59a" />
<stop offset="1" stop-color="#ffffd5" />
</linearGradient>
<path
fill="url(#a)"
d="M512 256c0-17.212-8.734-33.296-23.061-46.348 8.232-17.534 9.229-35.347 2.637-51.226-6.445-15.645-20.01-27.729-38.115-34.365.791-19.219-5.156-36.372-17.139-48.384-12.188-12.144-28.594-18.018-48.369-17.168C381.39 40.301 369.496 27 353.588 20.408c-15.879-6.577-33.779-5.581-51.24 2.637C289.281 8.734 272.641 0 256 0s-33.281 8.734-46.348 23.046c-17.461-8.218-35.361-9.214-51.24-2.637-15.908 6.606-27.803 19.893-34.365 38.101-19.863-.879-36.182 5.024-48.369 17.183-11.982 11.997-17.93 29.15-17.139 48.369-18.105 6.636-31.67 18.706-38.115 34.351-6.592 15.894-5.596 33.706 2.637 51.24C8.734 222.704 0 238.788 0 256s8.734 33.296 23.061 46.348c-8.232 17.534-9.229 35.347-2.637 51.226 6.445 15.586 19.775 27.393 37.793 33.97L1.846 489.808c-3.193 5.845-2.168 13.096 2.549 17.798 4.622 4.646 11.861 5.792 17.813 2.549l102.25-56.356c6.563 18.003 18.398 31.333 33.955 37.793 15.879 6.592 33.779 5.581 51.24-2.637C222.719 503.266 239.359 512 256 512s33.281-8.734 46.348-23.046c17.461 8.218 35.361 9.229 51.24 2.637 15.908-6.606 27.803-19.893 34.365-38.101 19.746.776 36.182-5.024 48.369-17.183 11.982-11.982 17.93-29.121 17.139-48.34 18.252-6.577 31.553-18.486 38.115-34.38 6.592-15.894 5.596-33.706-2.637-51.24C503.266 289.296 512 273.212 512 256z"
/>
<path
fill="url(#b)"
d="M256 211c-24.814 0-45 20.186-45 45s20.186 45 45 45 45-20.186 45-45-20.186-45-45-45zm-120 0c-24.814 0-45 20.186-45 45s20.186 45 45 45 45-20.186 45-45-20.186-45-45-45zm240 0c-24.814 0-45 20.186-45 45s20.186 45 45 45 45-20.186 45-45-20.186-45-45-45z"
/>
</svg>
More icons in the same style and category