Add icons to this collection by clicking the heart icon.
Chat icon - also known as chat, conversation, comment, speech bubble, talking, communications, and communicate. 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 512 512"
>
<linearGradient
id="a"
x1="2.58"
x2="504.02"
y1="256.74"
y2="255.72"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7738c8" />
<stop offset="1" stop-color="#461d93" />
</linearGradient>
<linearGradient
id="b"
x1="2.52"
x2="503.96"
y1="227.96"
y2="226.94"
href="#a"
/>
<linearGradient
id="c"
x1="2.52"
x2="503.96"
y1="227.75"
y2="226.73"
href="#a"
/>
<linearGradient
id="d"
x1="2.52"
x2="503.96"
y1="228.16"
y2="227.14"
href="#a"
/>
<path
fill="url(#a)"
d="M494.16 419.77a167.53 167.53 0 0 0-39.35-201.29A227.5 227.5 0 0 0 66.63 66.63a227.62 227.62 0 0 0-42 264L.16 445.94A7.51 7.51 0 0 0 7.5 455a7.73 7.73 0 0 0 1.78-.21l110.32-27a227.68 227.68 0 0 0 98.87 27 167.53 167.53 0 0 0 204.78 37.56l79.47 19.43a7.73 7.73 0 0 0 1.78.21 7.51 7.51 0 0 0 7.34-9.06zm-373.51-7.43a7.6 7.6 0 0 0-1.78.21L17.32 437.38 39.9 331.1a7.53 7.53 0 0 0-.69-5A212.92 212.92 0 0 1 15 227.5C15 110.33 110.33 15 227.5 15S440 110.33 440 227.5 344.67 440 227.5 440a212.59 212.59 0 0 1-103.2-26.72 7.57 7.57 0 0 0-3.65-.94zM424 477.1a7.49 7.49 0 0 0-5.43.73 152.54 152.54 0 0 1-179.45-23.12 227.51 227.51 0 0 0 215.6-215.6 152.55 152.55 0 0 1 24.92 176.12 7.47 7.47 0 0 0-.69 5l15.74 74.11z"
/>
<path
fill="url(#b)"
d="M420 227.5C420 121.35 333.65 35 227.5 35S35 121.35 35 227.5 121.35 420 227.5 420 420 333.64 420 227.5zm-370 0C50 129.63 129.63 50 227.5 50S405 129.63 405 227.5 325.37 405 227.5 405 50 325.37 50 227.5z"
/>
<path
fill="url(#b)"
d="M255 257.5v-60a27.5 27.5 0 0 0-55 0v60a27.5 27.5 0 0 0 55 0zm-40 0v-60a12.5 12.5 0 0 1 25 0v60a12.5 12.5 0 0 1-25 0z"
/>
<path
fill="url(#c)"
d="M127.5 190a27.54 27.54 0 0 0-27.5 27.5v20a27.5 27.5 0 0 0 55 0v-20a27.54 27.54 0 0 0-27.5-27.5zm12.5 47.5a12.5 12.5 0 0 1-25 0v-20a12.5 12.5 0 0 1 25 0z"
/>
<path
fill="url(#d)"
d="M327.5 265a27.54 27.54 0 0 0 27.5-27.5v-20a27.5 27.5 0 0 0-55 0v20a27.54 27.54 0 0 0 27.5 27.5zM315 217.5a12.5 12.5 0 0 1 25 0v20a12.5 12.5 0 0 1-25 0z"
/>
</svg>
More icons in the same style and category