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="a"
x1=".193"
x2="24.839"
y1="30.289"
y2="1.212"
gradientUnits="userSpaceOnUse"
>
<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="b"
x1="-3.235"
x2="21.411"
y1="27.384"
y2="-1.693"
href="#a"
/>
<linearGradient
id="c"
x1="2.166"
x2="26.812"
y1="31.962"
y2="2.885"
href="#a"
/>
<path
fill="url(#a)"
d="M14 1A12.984 12.984 0 0 0 2.77 20.529l-1.718 5.155A1 1 0 0 0 2 27a1.014 1.014 0 0 0 .316-.051l5.156-1.719A13 13 0 1 0 14 1zm0 24a10.96 10.96 0 0 1-5.87-1.709.994.994 0 0 0-.852-.1l-3.7 1.232 1.232-3.7a1 1 0 0 0-.1-.852A10.992 10.992 0 1 1 14 25z"
/>
<path fill="url(#b)" d="M9 11h5a1 1 0 0 0 0-2H9a1 1 0 0 0 0 2z" />
<path fill="url(#a)" d="M19 13H9a1 1 0 0 0 0 2h10a1 1 0 0 0 0-2z" />
<path fill="url(#c)" d="M19 17H9a1 1 0 0 0 0 2h10a1 1 0 0 0 0-2z" />
</svg>
More icons in the same style and category