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 512 512"
>
<linearGradient
id="a"
x1="-42.609"
x2="-27.703"
y1="643.485"
y2="628.578"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M362.667 64H149.333c-39.744 0-77.269 15.488-105.707 43.691C15.488 136.064 0 173.589 0 213.333c0 74.389 55.467 137.472 128 147.819v76.181c0 4.309 2.603 8.213 6.592 9.856 1.323.555 2.688.811 4.075.811 2.773 0 5.504-1.088 7.531-3.115l82.219-82.219h134.251c39.744 0 77.269-15.488 105.707-43.691C496.512 290.603 512 253.077 512 213.333 512 130.987 445.013 64 362.667 64zm90.624 239.893c-24.363 24.149-56.533 37.44-90.624 37.44H224a10.744 10.744 0 0 0-7.552 3.115l-67.115 67.136v-60.011c0-5.589-4.309-10.219-9.877-10.645C73.216 336 21.333 279.957 21.333 213.333c0-34.091 13.291-66.261 37.376-90.56 24.363-24.149 56.533-37.44 90.624-37.44h213.333c70.592 0 128 57.408 128 128 .001 34.091-13.29 66.262-37.375 90.56z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-30.117"
x2="-27.29"
y1="637.898"
y2="635.071"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M384 170.667c-23.531 0-42.667 19.136-42.667 42.667S360.469 256 384 256c23.531 0 42.667-19.136 42.667-42.667S407.531 170.667 384 170.667zm0 64c-11.755 0-21.333-9.579-21.333-21.333 0-11.755 9.579-21.333 21.333-21.333 11.755 0 21.333 9.579 21.333 21.333 0 11.754-9.578 21.333-21.333 21.333z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-36.117"
x2="-33.289"
y1="637.898"
y2="635.071"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M256 170.667c-23.531 0-42.667 19.136-42.667 42.667S232.469 256 256 256s42.667-19.136 42.667-42.667-19.136-42.666-42.667-42.666zm0 64c-11.755 0-21.333-9.579-21.333-21.333 0-11.755 9.579-21.333 21.333-21.333 11.755 0 21.333 9.579 21.333 21.333 0 11.754-9.578 21.333-21.333 21.333z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-42.117"
x2="-39.289"
y1="637.898"
y2="635.071"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M128 170.667c-23.531 0-42.667 19.136-42.667 42.667S104.469 256 128 256s42.667-19.136 42.667-42.667-19.136-42.666-42.667-42.666zm0 64c-11.755 0-21.333-9.579-21.333-21.333 0-11.755 9.579-21.333 21.333-21.333s21.333 9.579 21.333 21.333c0 11.754-9.578 21.333-21.333 21.333z"
fill="url(#d)"
/>
</svg>
More icons in the same style and category