Add icons to this collection by clicking the heart icon.
Chat icon - also known as message, chat, conversation, comment, talk, speech 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 36 36"
>
<linearGradient
id="a"
x1="-3.568"
x2="32.077"
y1="40.406"
y2="3.376"
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="-5.067"
x2="30.578"
y1="38.963"
y2="1.933"
href="#a"
/>
<linearGradient
id="c"
x1="-3.886"
x2="31.759"
y1="40.1"
y2="3.07"
href="#a"
/>
<path
fill="url(#a)"
d="M18 3A14.978 14.978 0 0 0 4.887 25.256l-1.848 6.469a1 1 0 0 0 1.236 1.236l6.469-1.848A14.994 14.994 0 1 0 18 3zm0 28a12.979 12.979 0 0 1-6.615-1.824 1 1 0 0 0-.785-.1l-5.144 1.47 1.47-5.146a1 1 0 0 0-.1-.785A12.99 12.99 0 1 1 18 31z"
/>
<path fill="url(#b)" d="M25 14H11a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2z" />
<path fill="url(#c)" d="M18 20h-7a1 1 0 0 0 0 2h7a1 1 0 0 0 0-2z" />
</svg>
More icons in the same style and category