Add icons to this collection by clicking the heart icon.
Chat icon - also known as message, chat, conversation, talk, speech bubble, communications, bubble speech, and negotiating. Created in a clean lineal 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 512 512"
>
<linearGradient
id="a"
x1="-20.077"
x2="495.437"
y1="496.077"
y2="-19.437"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient
id="b"
x1="-14.077"
x2="501.437"
y1="502.077"
y2="-13.437"
href="#a"
/>
<linearGradient
id="c"
x1="-62.077"
x2="453.437"
y1="454.077"
y2="-61.437"
href="#a"
/>
<linearGradient
id="d"
x1="33.923"
x2="549.437"
y1="550.077"
y2="34.563"
href="#a"
/>
<linearGradient
id="e"
x1="67.923"
x2="583.437"
y1="584.077"
y2="68.563"
href="#a"
/>
<linearGradient
id="f"
x1="99.923"
x2="615.437"
y1="616.077"
y2="100.563"
href="#a"
/>
<path
fill="url(#a)"
d="M464 48H144a40.045 40.045 0 0 0-40 40v64H48a40.045 40.045 0 0 0-40 40v160a40.045 40.045 0 0 0 40 40h40v72a8 8 0 0 0 13.657 5.657L179.314 392H368a40.045 40.045 0 0 0 40-40v-64h56a40.045 40.045 0 0 0 40-40V88a40.045 40.045 0 0 0-40-40zm-72 304a24.027 24.027 0 0 1-24 24H176a8 8 0 0 0-5.657 2.343L104 444.686V384a8 8 0 0 0-8-8H48a24.027 24.027 0 0 1-24-24V192a24.027 24.027 0 0 1 24-24h320a24.027 24.027 0 0 1 24 24zm96-104a24.027 24.027 0 0 1-24 24h-56v-80a40.045 40.045 0 0 0-40-40H120V88a24.027 24.027 0 0 1 24-24h320a24.027 24.027 0 0 1 24 24z"
/>
<path
fill="url(#b)"
d="M208 248a32 32 0 1 0 32 32 32.036 32.036 0 0 0-32-32zm0 48a16 16 0 1 1 16-16 16.019 16.019 0 0 1-16 16z"
/>
<path
fill="url(#c)"
d="M112 248a32 32 0 1 0 32 32 32.036 32.036 0 0 0-32-32zm0 48a16 16 0 1 1 16-16 16.019 16.019 0 0 1-16 16z"
/>
<path
fill="url(#d)"
d="M304 312a32 32 0 1 0-32-32 32.036 32.036 0 0 0 32 32zm0-48a16 16 0 1 1-16 16 16.019 16.019 0 0 1 16-16z"
/>
<path fill="url(#e)" d="M336 344h-72a8 8 0 0 0 0 16h72a8 8 0 0 0 0-16z" />
<path fill="url(#f)" d="M368 344h-8a8 8 0 0 0 0 16h8a8 8 0 0 0 0-16z" />
</svg>
More icons in the same style and category