Add icons to this collection by clicking the heart icon.
Chat icon - also known as message, chat, conversation, comment, speech bubble, ui, dialogue, 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 50 50"
>
<linearGradient
id="a"
x1="4.727"
x2="41.134"
y1="47.927"
y2="5.096"
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="4.689"
x2="41.096"
y1="47.895"
y2="5.063"
href="#a"
/>
<linearGradient
id="c"
x1=".625"
x2="37.032"
y1="44.441"
y2="1.609"
href="#a"
/>
<linearGradient
id="d"
x1="8.753"
x2="45.16"
y1="51.349"
y2="8.518"
href="#a"
/>
<linearGradient
id="e"
x1="5.183"
x2="41.59"
y1="48.315"
y2="5.483"
href="#a"
/>
<path
fill="url(#a)"
d="M23.933 9.037A15.213 15.213 0 0 0 10 24.333V38a1 1 0 0 0 1.707.707l2.364-2.364a1.692 1.692 0 0 1 2.194-.148 15 15 0 1 0 7.668-27.158zm13.92 16.949a13 13 0 0 1-20.422 8.584 3.755 3.755 0 0 0-2.191-.71 3.641 3.641 0 0 0-2.583 1.069l-.657.657V24.333a13.207 13.207 0 0 1 12.072-13.3 13.009 13.009 0 0 1 13.781 14.953z"
/>
<path
fill="url(#b)"
d="M25 21a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
/>
<path
fill="url(#c)"
d="M18 21a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
/>
<path
fill="url(#d)"
d="M32 21a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
/>
<path
fill="url(#e)"
d="M25 1a24 24 0 1 0 24 24A24.028 24.028 0 0 0 25 1zm0 46a22 22 0 1 1 22-22 22.025 22.025 0 0 1-22 22z"
/>
</svg>
More icons in the same style and category