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="-36.557"
x2="-33.85"
y1="601.338"
y2="598.631"
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 266.667h-85.333c-5.888 0-10.667 4.779-10.667 10.667S196.779 288 202.667 288H288c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.666-10.667-10.666z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-39.931"
x2="-37.476"
y1="605.464"
y2="603.005"
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 202.667c2.219 0 4.48-.704 6.4-2.133 4.715-3.541 5.675-10.219 2.155-14.933l-32-42.667c-4.053-5.376-13.056-5.376-17.088 0l-32 42.667c-3.52 4.715-2.56 11.392 2.155 14.933 4.715 3.52 11.371 2.624 14.933-2.133l23.445-31.296 23.467 31.296a10.655 10.655 0 0 0 8.533 4.266z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-32.932"
x2="-30.477"
y1="605.463"
y2="603.005"
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="M328.533 142.933c-4.032-5.376-13.035-5.376-17.088 0l-32 42.667c-3.52 4.715-2.56 11.392 2.155 14.933 4.715 3.52 11.392 2.624 14.933-2.133L320 167.104l23.467 31.275a10.685 10.685 0 0 0 8.533 4.267c2.219 0 4.48-.704 6.4-2.133 4.715-3.541 5.675-10.219 2.155-14.933l-32.022-42.647z"
fill="url(#d)"
/>
</svg>
More icons in the same style and category