Add icons to this collection by clicking the heart icon.
Chat icon - also known as communication, message, speech, chat, conversation, comment, talk, speech bubble, google talk, and ui. Created in a clean flat 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 64 64"
>
<linearGradient id="a">
<stop offset="0" stop-color="#b8b5b2" />
<stop offset="1" stop-color="#8f8d8b" />
</linearGradient>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 40 -40 0 104 580)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#8f8d8b" />
<stop offset="1" stop-color="#787674" />
</linearGradient>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 4 -4 0 76 618)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 4 -4 0 84 618)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="f"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 4 -4 0 92 618)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 32 -32 0 84 604)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#dedbd7" />
<stop offset="1" stop-color="#b8b5b2" />
</linearGradient>
<linearGradient
id="h"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 4 -4 0 76 618)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 4 -4 0 84 618)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 4 -4 0 92 618)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<g transform="translate(-64 -576)">
<path
fill="url(#c)"
d="M120.586 616.586a1.999 1.999 0 0 1-1.414 3.414H104c-11.038 0-20-8.962-20-20s8.962-20 20-20 20 8.962 20 20c0 5.519-2.24 10.519-5.861 14.139l2.447 2.447z"
/>
<circle
cx="84"
cy="620"
r="2"
fill="url(#d)"
transform="translate(28 -20)"
/>
<circle
cx="84"
cy="620"
r="2"
fill="url(#e)"
transform="translate(20 -20)"
/>
<circle
cx="84"
cy="620"
r="2"
fill="url(#f)"
transform="translate(12 -20)"
/>
<path
fill="url(#g)"
d="M72.689 631.311A15.946 15.946 0 0 1 68 620c0-8.831 7.169-16 16-16s16 7.169 16 16-7.169 16-16 16H72.828a1.998 1.998 0 0 1-1.847-1.235 1.998 1.998 0 0 1 .433-2.179l1.275-1.275z"
/>
<circle
cx="84"
cy="620"
r="2"
fill="url(#h)"
transform="translate(8)"
/>
<circle cx="84" cy="620" r="2" fill="url(#i)" />
<circle
cx="84"
cy="620"
r="2"
fill="url(#j)"
transform="translate(-8)"
/>
</g>
</g>
</svg>
More icons in the same style and category