Add icons to this collection by clicking the heart icon.
Chat icon - also known as chat, conversation, speech bubble, dialogue, and communications. 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="-24"
x2="501.149"
y1="256"
y2="256"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient id="b" x2="501.149" y1="232" y2="232" href="#a" />
<path
fill="url(#a)"
d="M476 8H36A28.032 28.032 0 0 0 8 36v440a28.032 28.032 0 0 0 28 28h440a28.032 28.032 0 0 0 28-28V36a28.032 28.032 0 0 0-28-28zm12 468a12.013 12.013 0 0 1-12 12H36a12.013 12.013 0 0 1-12-12V36a12.013 12.013 0 0 1 12-12h440a12.013 12.013 0 0 1 12 12z"
/>
<g fill="url(#b)">
<path
d="M256 200a32 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 16zM168 200a32 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 16zM344 200a32 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"
/>
</g>
<path
fill="url(#a)"
d="M388 120H124a28.032 28.032 0 0 0-28 28v168a28.032 28.032 0 0 0 28 28h12v40a8 8 0 0 0 13.657 5.657L195.313 344H388a28.032 28.032 0 0 0 28-28V148a28.032 28.032 0 0 0-28-28zm12 196a12.013 12.013 0 0 1-12 12H192a8 8 0 0 0-5.657 2.343L152 364.687V336a8 8 0 0 0-8-8h-20a12.013 12.013 0 0 1-12-12V148a12.013 12.013 0 0 1 12-12h264a12.013 12.013 0 0 1 12 12z"
/>
</svg>
More icons in the same style and category