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="-44.47"
x2="-24.936"
y1="635.585"
y2="616.051"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13553.445)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M458.667 10.667H53.333C23.936 10.667 0 34.603 0 64v277.333c0 29.397 23.936 53.333 53.333 53.333h228.075l50.389 100.779a10.66 10.66 0 0 0 9.536 5.888c4.032 0 7.723-2.283 9.536-5.888l50.389-100.779h57.408c29.397 0 53.333-23.936 53.333-53.333V64c.001-29.397-23.935-53.333-53.332-53.333zm32 330.666c0 17.643-14.357 32-32 32h-64a10.66 10.66 0 0 0-9.536 5.888l-43.797 87.595-43.797-87.573a10.664 10.664 0 0 0-9.536-5.909H53.333c-17.643 0-32-14.357-32-32V64c0-17.643 14.357-32 32-32h405.333c17.643 0 32 14.357 32 32v277.333z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-30.117"
x2="-27.29"
y1="627.231"
y2="624.404"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13553.445)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M384 160c-23.531 0-42.667 19.136-42.667 42.667s19.136 42.667 42.667 42.667c23.531 0 42.667-19.136 42.667-42.667S407.531 160 384 160zm0 64c-11.755 0-21.333-9.579-21.333-21.333s9.579-21.333 21.333-21.333c11.755 0 21.333 9.579 21.333 21.333S395.755 224 384 224z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-42.117"
x2="-39.289"
y1="627.231"
y2="624.404"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13553.445)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M128 160c-23.531 0-42.667 19.136-42.667 42.667s19.136 42.667 42.667 42.667 42.667-19.136 42.667-42.667S151.531 160 128 160zm0 64c-11.755 0-21.333-9.579-21.333-21.333s9.579-21.333 21.333-21.333 21.333 9.579 21.333 21.333S139.755 224 128 224z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-36.117"
x2="-33.289"
y1="627.231"
y2="624.404"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13553.445)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M256 160c-23.531 0-42.667 19.136-42.667 42.667s19.136 42.667 42.667 42.667 42.667-19.136 42.667-42.667S279.531 160 256 160zm0 64c-11.755 0-21.333-9.579-21.333-21.333s9.579-21.333 21.333-21.333c11.755 0 21.333 9.579 21.333 21.333S267.755 224 256 224z"
fill="url(#d)"
/>
</svg>
More icons in the same style and category