Add icons to this collection by clicking the heart icon.
Chat icon - also known as message, chat, conversation, talk, speech bubble, communications, bubble speech, and negotiating. Created in a clean lineal 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"
x1="1.872"
x2="64.809"
y1="61.975"
y2="-.962"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient
id="b"
x1="-.552"
x2="62.385"
y1="59.552"
y2="-3.385"
href="#a"
/>
<linearGradient
id="c"
x1="-5.552"
x2="57.385"
y1="54.552"
y2="-8.385"
href="#a"
/>
<linearGradient
id="d"
x1="4.448"
x2="67.385"
y1="64.552"
y2="1.615"
href="#a"
/>
<linearGradient
id="e"
x1="-2.552"
x2="60.385"
y1="57.552"
y2="-5.385"
href="#a"
/>
<linearGradient
id="f"
x1="1.198"
x2="64.135"
y1="61.302"
y2="-1.635"
href="#a"
/>
<path
fill="url(#a)"
d="M54 13H26a9.014 9.014 0 0 0-9 9h-7a9.014 9.014 0 0 0-9 9v8a9.008 9.008 0 0 0 8 8.94V53a.987.987 0 0 0 .62.92.838.838 0 0 0 .38.08 1.007 1.007 0 0 0 .71-.29l5.7-5.71H38a9.014 9.014 0 0 0 9-9h.59l5.7 5.71A1.007 1.007 0 0 0 54 45a.838.838 0 0 0 .38-.08A.987.987 0 0 0 55 44v-5.06A9.008 9.008 0 0 0 63 30v-8a9.014 9.014 0 0 0-9-9zM38 46H16a1.033 1.033 0 0 0-.71.29L11 50.59V47a1 1 0 0 0-1-1 7.008 7.008 0 0 1-7-7v-8a7.008 7.008 0 0 1 7-7h28a7.008 7.008 0 0 1 7 7v8a7.008 7.008 0 0 1-7 7zm23-16a7.008 7.008 0 0 1-7 7 1 1 0 0 0-1 1v3.59l-4.29-4.3A1.033 1.033 0 0 0 48 37h-1v-6a9.014 9.014 0 0 0-9-9H19a7.008 7.008 0 0 1 7-7h28a7.008 7.008 0 0 1 7 7z"
/>
<path
fill="url(#b)"
d="M24 31a4 4 0 1 0 4 4 4 4 0 0 0-4-4zm0 6a2 2 0 1 1 2-2 2 2 0 0 1-2 2z"
/>
<path
fill="url(#c)"
d="M14 39a4 4 0 1 0-4-4 4 4 0 0 0 4 4zm0-6a2 2 0 1 1-2 2 2 2 0 0 1 2-2z"
/>
<path
fill="url(#d)"
d="M34 31a4 4 0 1 0 4 4 4 4 0 0 0-4-4zm0 6a2 2 0 1 1 2-2 2 2 0 0 1-2 2z"
/>
<path fill="url(#e)" d="M16 42H8a1 1 0 0 0 0 2h8a1 1 0 0 0 0-2z" />
<path fill="url(#f)" d="M20 42h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
</svg>
More icons in the same style and category