Add icons to this collection by clicking the heart icon.
Chat icon - also known as communication, speech, chat, conversation, talk, speech bubble, talking, google talk, communications, chat box, and communicate. Created in a clean flat gradient style with a white and silver finish, 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 64 64"
>
<linearGradient
id="b"
x1="27.427"
x2="52.476"
y1="18.259"
y2="32.223"
gradientUnits="userSpaceOnUse"
>
<stop offset=".041" stop-color="#e5e9f9" />
<stop offset=".97" stop-color="#bcc6e2" />
</linearGradient>
<linearGradient
id="c"
x1="37.713"
x2="43.887"
y1="23.469"
y2="26.345"
gradientUnits="userSpaceOnUse"
>
<stop offset=".119" stop-color="#97d895" />
<stop offset=".926" stop-color="#5ebb5d" />
</linearGradient>
<linearGradient
id="d"
x1="3.678"
x2="36.416"
y1="25.168"
y2="41.039"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fbfbfb" />
<stop offset=".965" stop-color="#dfe2e8" />
</linearGradient>
<linearGradient
id="e"
x1="48.15"
x2="53.155"
y1="23.473"
y2="26.154"
gradientUnits="userSpaceOnUse"
>
<stop offset=".119" stop-color="#97d895" />
<stop offset=".905" stop-color="#5ebb5d" />
</linearGradient>
<linearGradient
id="a"
x1="20.467"
x2="24.882"
y1="29.3"
y2="32.262"
gradientUnits="userSpaceOnUse"
>
<stop offset=".022" stop-color="#ffe98a" />
<stop offset=".362" stop-color="#fee67f" />
<stop offset=".922" stop-color="#fddf63" />
</linearGradient>
<linearGradient
id="f"
x1="10.755"
x2="15.289"
y1="29.656"
y2="32.371"
gradientUnits="userSpaceOnUse"
>
<stop offset=".022" stop-color="#ffe98a" />
<stop offset=".346" stop-color="#fee67f" />
<stop offset=".88" stop-color="#fddf63" />
</linearGradient>
<linearGradient
id="g"
x1="30.127"
x2="34.764"
y1="29.231"
y2="32.087"
href="#a"
/>
<path
fill="url(#b)"
d="M54 13H28a5.006 5.006 0 0 0-5 5v18a1 1 0 0 0 1 1h20.586l7.707 7.707A1 1 0 0 0 54 44v-7a5.006 5.006 0 0 0 5-5V18a5.006 5.006 0 0 0-5-5z"
/>
<circle cx="41" cy="25" r="4" fill="url(#c)" />
<path
fill="#bcc6e2"
d="M59 24.79V32a5.002 5.002 0 0 1-5 5v7a.987.987 0 0 1-.62.92.838.838 0 0 1-.38.08 1.007 1.007 0 0 1-.71-.29L44.59 37H24a1.003 1.003 0 0 1-1-1v-1.86c13.59.34 31.57-.91 36-9.35z"
/>
<path
fill="url(#d)"
d="M36 19H10a5.006 5.006 0 0 0-5 5v14a5.006 5.006 0 0 0 5 5v7a1 1 0 0 0 1.707.707L19.414 43H36a5.006 5.006 0 0 0 5-5V24a5.006 5.006 0 0 0-5-5z"
/>
<circle cx="51" cy="25" r="4" fill="url(#e)" />
<circle cx="23" cy="31" r="4" fill="url(#a)" />
<circle cx="13" cy="31" r="4" fill="url(#f)" />
<circle cx="33" cy="31" r="4" fill="url(#g)" />
<path
fill="#dfe2e8"
d="M41 31.9V38a5.002 5.002 0 0 1-5 5H19.41l-7.7 7.71A1.007 1.007 0 0 1 11 51a.838.838 0 0 1-.38-.08A.987.987 0 0 1 10 50v-7a4.975 4.975 0 0 1-3.95-1.94c7.83.06 28.45-.64 34.95-9.16z"
/>
<g fill="#fff">
<path
d="M8 26a1 1 0 0 1-1-1v-1a3.003 3.003 0 0 1 3-3h4a1 1 0 0 1 0 2h-4a1.001 1.001 0 0 0-1 1v1a1 1 0 0 1-1 1zM8 31a1 1 0 0 1-1-1v-1a1 1 0 0 1 2 0v1a1 1 0 0 1-1 1z"
/>
</g>
</svg>
More icons in the same style and category