Add icons to this collection by clicking the heart icon.
Chat icon - also known as communication, message, chat, contact, text message, chat bubble, communications, and contact us. 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 96 96"
>
<linearGradient
id="Chat_1_"
gradientUnits="userSpaceOnUse"
x1="48"
x2="48"
y1="11"
y2="85"
>
<stop offset="0" stop-color="#f44369" />
<stop offset="1" stop-color="#3e3b92" />
</linearGradient>
<path
id="Chat"
d="m82 33h-18v-12c0-5.514-4.486-10-10-10h-40c-5.514 0-10 4.486-10 10v24c0 5.514 4.486 10 10 10h4v12c0 .809.487 1.538 1.234 1.848.248.102.508.152.766.152.521 0 1.031-.203 1.414-.586l13.414-13.414h3.172v8c0 5.514 4.486 10 10 10h15.172l11.414 11.414c.383.383.893.586 1.414.586.258 0 .518-.05.766-.152.747-.31 1.234-1.039 1.234-1.848v-10h4c5.514 0 10-4.486 10-10v-20c0-5.514-4.486-10-10-10zm-48 18c-.53 0-1.039.211-1.414.586l-10.586 10.586v-9.172c0-1.104-.896-2-2-2h-6c-3.309 0-6-2.691-6-6v-24c0-3.309 2.691-6 6-6h40c3.309 0 6 2.691 6 6v24c0 3.309-2.691 6-6 6zm54 12c0 3.309-2.691 6-6 6h-6c-1.104 0-2 .896-2 2v7.172l-8.586-8.586c-.375-.375-.884-.586-1.414-.586h-16c-3.309 0-6-2.691-6-6v-8h12c5.514 0 10-4.486 10-10v-8h18c3.309 0 6 2.691 6 6zm-8-18c0 1.104-.896 2-2 2h-8c-1.104 0-2-.896-2-2s.896-2 2-2h8c1.104 0 2 .896 2 2zm0 8c0 1.104-.896 2-2 2h-10c-1.104 0-2-.896-2-2s.896-2 2-2h10c1.104 0 2 .896 2 2zm0 8c0 1.104-.896 2-2 2h-26c-1.104 0-2-.896-2-2s.896-2 2-2h26c1.104 0 2 .896 2 2zm-28-36c0 1.104-.896 2-2 2h-32c-1.104 0-2-.896-2-2s.896-2 2-2h32c1.104 0 2 .896 2 2zm0 8c0 1.104-.896 2-2 2h-32c-1.104 0-2-.896-2-2s.896-2 2-2h32c1.104 0 2 .896 2 2zm0 8c0 1.104-.896 2-2 2h-32c-1.104 0-2-.896-2-2s.896-2 2-2h32c1.104 0 2 .896 2 2z"
fill="url(#Chat_1_)"
/>
</svg>
More icons in the same style and category