Add icons to this collection by clicking the heart icon.
Chat icon - also known as communication, chat, conversation, speech bubble, multimedia, 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="100"
height="100"
viewBox="0 0 490.667 490.667"
>
<linearGradient
id="a"
x1="-43.583"
x2="-29.858"
y1="608.33"
y2="594.604"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13077)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M245.333 53.333C110.059 53.333 0 125.099 0 213.333c0 43.776 27.072 85.291 74.667 115.008l-33.259 94.805c-1.536 4.416-.043 9.323 3.712 12.096a10.748 10.748 0 0 0 6.357 2.091 10.71 10.71 0 0 0 6.293-2.048l99.392-72.576c28.245 7.061 57.877 10.624 88.171 10.624 135.275 0 245.333-71.765 245.333-160s-110.058-160-245.333-160zm0 298.667c-30.208 0-59.712-3.776-87.637-11.2a10.6 10.6 0 0 0-9.045 1.707l-75.755 55.317 24.768-70.635c1.707-4.843-.299-10.24-4.779-12.8-45.461-26.005-71.552-62.848-71.552-101.056 0-76.459 100.48-138.667 224-138.667s224 62.208 224 138.667S368.853 352 245.333 352z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-38.308"
x2="-37.1"
y1="605.587"
y2="604.383"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13077)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M202.667 160h-21.333c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.667 10.667 10.667h21.333c5.888 0 10.667-4.779 10.667-10.667S208.555 160 202.667 160z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-38.308"
x2="-37.1"
y1="601.587"
y2="600.383"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13077)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M202.667 245.333h-21.333c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.667 10.667 10.667h21.333c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-36.381"
x2="-32.261"
y1="605.513"
y2="601.393"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13077)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M288 138.667h-42.667c-5.888 0-10.667 4.779-10.667 10.667V280c0 5.888 4.779 10.667 10.667 10.667S256 285.888 256 280v-34.667h32c29.419 0 53.333-23.936 53.333-53.333S317.419 138.667 288 138.667zM288 224h-32v-64h32c17.643 0 32 14.357 32 32s-14.357 32-32 32z"
fill="url(#d)"
/>
</svg>
More icons in the same style and category