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 490.667 490.667"
>
<linearGradient
id="a"
x1="-43.583"
x2="-29.858"
y1="608.33"
y2="594.604"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13077)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M245.333 53.333C110.059 53.333 0 125.099 0 213.333c0 43.776 27.072 85.291 74.667 115.008l-33.259 94.805c-1.536 4.416-.043 9.323 3.712 12.096a10.748 10.748 0 0 0 6.357 2.091 10.71 10.71 0 0 0 6.293-2.048l99.392-72.576c28.245 7.061 57.877 10.624 88.171 10.624 135.275 0 245.333-71.765 245.333-160s-110.058-160-245.333-160zm0 298.667c-30.208 0-59.712-3.776-87.637-11.2a10.6 10.6 0 0 0-9.045 1.707l-75.755 55.317 24.768-70.635c1.707-4.843-.299-10.24-4.779-12.8-45.461-26.005-71.552-62.848-71.552-101.056 0-76.459 100.48-138.667 224-138.667s224 62.208 224 138.667S368.853 352 245.333 352z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-36.556"
x2="-31.849"
y1="605.338"
y2="600.631"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13077)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M261.163 118.869c-5.056 3.051-6.677 9.6-3.627 14.635 26.517 44.011 26.517 115.627 0 159.637-3.051 5.056-1.429 11.605 3.627 14.635 1.707 1.067 3.605 1.557 5.504 1.557 3.605 0 7.125-1.835 9.131-5.163 30.72-50.944 30.72-130.752 0-181.696-3.03-5.034-9.622-6.634-14.635-3.605z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-37.308"
x2="-36.1"
y1="605.587"
y2="604.383"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13077)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M224 160h-21.333c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.667 10.667 10.667H224c5.888 0 10.667-4.779 10.667-10.667S229.888 160 224 160z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-37.308"
x2="-36.1"
y1="601.587"
y2="600.383"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13077)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M224 245.333h-21.333c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.667 10.667 10.667H224c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667z"
fill="url(#d)"
/>
</svg>
More icons in the same style and category