Add icons to this collection by clicking the heart icon.
Chat icon - also known as chat, star, speech bubble, topic, ui, chat bubble, 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 40 40"
>
<linearGradient
id="Orange_Yellow"
gradientUnits="userSpaceOnUse"
x1="1.988"
x2="31.433"
y1="39.263"
y2="6.138"
>
<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="2.031"
x2="31.476"
y1="39.301"
y2="6.175"
href="#Orange_Yellow"
/>
<linearGradient
id="Orange_Yellow-3"
x1="2.485"
x2="31.93"
y1="39.705"
y2="6.579"
href="#Orange_Yellow"
/>
<path
d="m20 9c-6.065 0-11 4.486-11 10a9.655 9.655 0 0 0 4.346 7.955 7.591 7.591 0 0 1 -1.946 2.205 1 1 0 0 0 .479 1.793 8.7 8.7 0 0 0 .955.046 12.257 12.257 0 0 0 6.778-2.011c.129.012.258.012.388.012 6.065 0 11-4.486 11-10s-4.935-10-11-10zm0 18c-.169 0-.335-.011-.5-.022l-.115-.007a1 1 0 0 0 -.65.19 9.744 9.744 0 0 1 -4.261 1.7 11.065 11.065 0 0 0 1.1-1.827 1 1 0 0 0 -.406-1.3 7.8 7.8 0 0 1 -4.168-6.734c0-4.411 4.038-8 9-8s9 3.589 9 8-4.038 8-9 8z"
fill="url(#Orange_Yellow)"
/>
<path
d="m24.145 15.889-1.819-.189-.746-1.671a1.73 1.73 0 0 0 -3.16 0l-.746 1.671-1.819.193a1.73 1.73 0 0 0 -.977 3l1.359 1.225-.379 1.791a1.738 1.738 0 0 0 1.69 2.091 1.734 1.734 0 0 0 .867-.235l1.585-.911 1.585.913a1.731 1.731 0 0 0 2.557-1.857l-.379-1.791 1.358-1.225a1.73 1.73 0 0 0 -.976-3zm-2.145 3.131a1 1 0 0 0 -.309.95l.373 1.762-1.561-.9a1 1 0 0 0 -1 0l-1.561.9.373-1.762a1 1 0 0 0 -.315-.95l-1.337-1.206 1.791-.19a1 1 0 0 0 .808-.587l.738-1.645.734 1.645a1 1 0 0 0 .808.587l1.791.19z"
fill="url(#Orange_Yellow-2)"
/>
<path
d="m20 2a18 18 0 1 0 18 18 18.021 18.021 0 0 0 -18-18zm0 34a16 16 0 1 1 16-16 16.019 16.019 0 0 1 -16 16z"
fill="url(#Orange_Yellow-3)"
/>
</svg>
More icons in the same style and category