Add icons to this collection by clicking the heart icon.
Chat icon - also known as speech, bubble, chat, customer service, conversation, support, and communications. 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 512 512"
>
<linearGradient
id="a"
x1="384"
x2="384"
y1="-88.655"
y2="605.825"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff91d2" />
<stop offset=".262" stop-color="#f68bd9" />
<stop offset=".688" stop-color="#de79ed" />
<stop offset=".999" stop-color="#c86aff" />
</linearGradient>
<linearGradient
id="b"
x1="256"
x2="256"
y1="-88.655"
y2="605.825"
href="#a"
/>
<linearGradient
id="c"
x1="128"
x2="128"
y1="-88.655"
y2="605.825"
href="#a"
/>
<linearGradient
id="d"
x1="288"
x2="288"
y1="-88.655"
y2="605.825"
href="#a"
/>
<linearGradient
id="e"
x1="312"
x2="312"
y1="-88.655"
y2="605.825"
href="#a"
/>
<linearGradient
id="f"
x1="268"
x2="268"
y1="-88.655"
y2="605.825"
href="#a"
/>
<linearGradient
id="g"
x1="224"
x2="224"
y1="-88.655"
y2="605.825"
href="#a"
/>
<linearGradient
id="h"
x1="305.874"
x2="305.874"
y1="-88.655"
y2="605.825"
href="#a"
/>
<linearGradient
id="i"
x1="355.065"
x2="355.065"
y1="-88.655"
y2="605.825"
href="#a"
/>
<linearGradient
id="j"
x1="156.935"
x2="156.935"
y1="-88.655"
y2="605.825"
href="#a"
/>
<path
fill="url(#a)"
d="M478 312H314a10 10 0 0 0-10 10v54l-24 32h198a10 10 0 0 0 10-10v-76a10 10 0 0 0-10-10zm-150 24h80v16h-80zm48 48h-48v-16h48zm88 0h-72v-16h72zm0-32h-40v-16h40z"
/>
<path
fill="url(#b)"
d="M368 454a18.021 18.021 0 0 1-18 18H162a18.021 18.021 0 0 1-18-18V216h-24v260a20 20 0 0 0 20 20h232a20 20 0 0 0 20-20v-52h-24z"
/>
<path
fill="url(#c)"
d="M208 168v-54a10 10 0 0 0-10-10H34a10 10 0 0 0-10 10v76a10 10 0 0 0 10 10h198zM48 128h40v16H48zm72 48H48v-16h72zm64 0h-48v-16h48zm0-32h-80v-16h80z"
/>
<path
fill="url(#d)"
d="M264 196a12.013 12.013 0 0 0 12 12h24a12.013 12.013 0 0 0 12-12v-36h-48z"
/>
<path
fill="url(#e)"
d="M320 143.615a11.981 11.981 0 0 0-9.09-11.641l-6.91-1.728V144h16z"
/>
<path
fill="url(#f)"
d="M276 120h-28v12a12.013 12.013 0 0 0 12 12h28v-12a12.013 12.013 0 0 0-12-12z"
/>
<path
fill="url(#d)"
d="M288 224a32.036 32.036 0 0 0-32 32h64a32.036 32.036 0 0 0-32-32z"
/>
<path
fill="url(#g)"
d="M200 396a12.013 12.013 0 0 0 12 12h24a12.013 12.013 0 0 0 12-12v-25.754l-22.06 5.515c-.079.02-.159.038-.239.056a8 8 0 0 1-3.4 0c-.08-.018-.16-.036-.239-.056L200 370.246zM248 353.754V340a12.013 12.013 0 0 0-12-12h-24a12.013 12.013 0 0 0-12 12v13.754l24 6z"
/>
<path
fill="url(#b)"
d="M262.722 404.371 288 370.667V322a26.029 26.029 0 0 1 26-26h38V58a2 2 0 0 0-2-2H162a2 2 0 0 0-2 2v30h38a26.029 26.029 0 0 1 26 26v48.667l24 32V157.3a28.036 28.036 0 0 1-16-25.3v-20a8 8 0 0 1 8-8h36a27.909 27.909 0 0 1 19.587 8.01 7.929 7.929 0 0 1 2.353.229l16.851 4.213A27.958 27.958 0 0 1 336 143.615V152a8 8 0 0 1-8 8v36a27.965 27.965 0 0 1-10.7 22 47.948 47.948 0 0 1 18.7 38v8a8 8 0 0 1-8 8h-80a8 8 0 0 1-8-8v-8a47.948 47.948 0 0 1 18.7-38 28.164 28.164 0 0 1-2.279-2H160v238a2 2 0 0 0 2 2h14a47.948 47.948 0 0 1 18.7-38 27.965 27.965 0 0 1-10.7-22v-56a28.032 28.032 0 0 1 28-28h24a28.032 28.032 0 0 1 28 28v56a27.906 27.906 0 0 1-1.278 8.371z"
/>
<path
fill="url(#h)"
d="M350 456a2 2 0 0 0 2-2v-30h-92.253A47.8 47.8 0 0 1 272 456z"
/>
<path fill="url(#g)" d="M256 456a32 32 0 0 0-64 0z" />
<path
fill="url(#i)"
d="M368 58v238h24V36a20 20 0 0 0-20-20h-39.47l-14.4 24H350a18.021 18.021 0 0 1 18 18z"
/>
<path fill="url(#b)" d="m299.471 40 14.399-24H198.13l14.399 24z" />
<path
fill="url(#j)"
d="M144 58a18.021 18.021 0 0 1 18-18h31.87l-14.4-24H140a20 20 0 0 0-20 20v52h24z"
/>
</svg>
More icons in the same style and category