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.702 490.702"
>
<linearGradient
id="a"
x1="-53.34"
x2="-34.199"
y1="620.925"
y2="601.785"
gradientTransform="matrix(21.3333 0 0 -21.3333 1217.206 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M440.039 365.099c26.027-38.656 39.765-83.648 39.765-130.432C479.804 105.28 374.524 0 245.137 0S10.471 105.28 10.471 234.667s105.28 234.667 234.667 234.667c34.859 0 68.139-7.381 99.008-21.952l121.472 42.688a10.44 10.44 0 0 0 3.52.597h.213c5.909.512 10.88-4.693 10.88-10.667 0-2.283-.725-4.395-1.941-6.144l-38.251-108.757zm-93.035 60.672a10.56 10.56 0 0 0-3.541-.597c-1.621 0-3.243.384-4.736 1.109C309.713 440.704 278.225 448 245.137 448c-117.632 0-213.333-95.701-213.333-213.333S127.505 21.333 245.137 21.333 458.47 117.034 458.47 234.666c0 44.203-13.483 86.635-38.997 122.688-2.005 2.816-2.496 6.443-1.344 9.707l33.579 95.488-104.704-36.778z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-48.171"
x2="-42.96"
y1="618.254"
y2="613.048"
gradientTransform="matrix(21.3333 0 0 -21.3333 1217.206 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M341.137 170.667h-192c-5.888 0-10.667 4.779-10.667 10.667S143.249 192 149.137 192h192c5.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="-48.171"
x2="-42.96"
y1="615.254"
y2="610.048"
gradientTransform="matrix(21.3333 0 0 -21.3333 1217.206 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M341.137 234.667h-192c-5.888 0-10.667 4.779-10.667 10.667S143.249 256 149.137 256h192c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.666-10.667-10.666z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-48.171"
x2="-42.96"
y1="612.254"
y2="607.048"
gradientTransform="matrix(21.3333 0 0 -21.3333 1217.206 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M341.137 298.667h-192c-5.888 0-10.667 4.779-10.667 10.667S143.249 320 149.137 320h192c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.666-10.667-10.666z"
fill="url(#d)"
/>
</svg>
More icons in the same style and category