Add icons to this collection by clicking the heart icon.
Chat icon - also known as communication, message, chat, conversation, comment, speech bubble, ui, 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="512"
height="512"
viewBox="0 0 28 28"
>
<linearGradient
id="Orange_Yellow"
gradientUnits="userSpaceOnUse"
x1="-7.626"
x2="26.99"
y1="28.955"
y2="1.816"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".04" stop-color="#fee72e" />
<stop offset=".117" stop-color="#fed51b" />
<stop offset=".196" stop-color="#fdca10" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".669" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<linearGradient
id="Orange_Yellow-2"
x1="-10.52"
x2="24.096"
y1="25.263"
y2="-1.875"
href="#Orange_Yellow"
/>
<linearGradient
id="Orange_Yellow-4"
x1="-5.684"
x2="28.932"
y1="31.432"
y2="4.293"
href="#Orange_Yellow"
/>
<path
d="m22.4 2h-16.8a4.607 4.607 0 0 0 -4.6 4.6v18.4a1 1 0 0 0 1.625.781l4.726-3.781h15.049a4.607 4.607 0 0 0 4.6-4.6v-10.8a4.607 4.607 0 0 0 -4.6-4.6zm2.6 15.4a2.6 2.6 0 0 1 -2.6 2.6h-15.4a1 1 0 0 0 -.625.219l-3.375 2.7v-16.319a2.6 2.6 0 0 1 2.6-2.6h16.8a2.6 2.6 0 0 1 2.6 2.6z"
fill="url(#Orange_Yellow)"
/>
<path
d="m9 9h5a1 1 0 0 0 0-2h-5a1 1 0 0 0 0 2z"
fill="url(#Orange_Yellow-2)"
/>
<path
d="m19 11h-10a1 1 0 0 0 0 2h10a1 1 0 0 0 0-2z"
fill="url(#Orange_Yellow)"
/>
<path
d="m19 15h-10a1 1 0 0 0 0 2h10a1 1 0 0 0 0-2z"
fill="url(#Orange_Yellow-4)"
/>
</svg>
More icons in the same style and category