Add icons to this collection by clicking the heart icon.
Chat icon - also known as message, chat, conversation, speech bubble, notification, ui, 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="374.49"
x2="88.93"
y1="534.76"
y2="13.84"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00ffa9" />
<stop offset=".15" stop-color="#02eab3" />
<stop offset=".47" stop-color="#06b3ce" />
<stop offset=".93" stop-color="#0c5cf8" />
<stop offset="1" stop-color="#0d4dff" />
</linearGradient>
<linearGradient
id="b"
x1="258"
x2="-27.56"
y1="598.62"
y2="77.7"
href="#a"
/>
<linearGradient
id="c"
x1="426.21"
x2="140.65"
y1="506.4"
y2="-14.51"
href="#a"
/>
<linearGradient
id="d"
x1="398.79"
x2="113.23"
y1="521.44"
y2=".52"
href="#a"
/>
<linearGradient
id="e"
x1="371.37"
x2="85.81"
y1="536.47"
y2="15.55"
href="#a"
/>
<linearGradient
id="f"
x1="591.09"
x2="305.53"
y1="416.02"
y2="-104.9"
href="#a"
/>
<linearGradient
id="g"
x1="592.16"
x2="306.59"
y1="415.44"
y2="-105.48"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M447.66 124a6 6 0 0 0-6.26.51A59 59 0 0 1 406.34 136a59.49 59.49 0 0 1-50.79-90.5 6 6 0 0 0-5.12-9.13H124.5a90.42 90.42 0 0 0-90.32 90.31v51.2a6 6 0 0 0 12 0v-51.2a78.41 78.41 0 0 1 78.32-78.31h216.11a71.51 71.51 0 0 0 98.33 91.74V346.2a78.4 78.4 0 0 1-78.32 78.32H194.78a85.88 85.88 0 0 0-59.56 24 294.55 294.55 0 0 1-13.94 12.46 284.65 284.65 0 0 1-50 33.52 3.94 3.94 0 0 1-4.78-.66 4.13 4.13 0 0 1-.91-4.88 150.63 150.63 0 0 0 13.51-48.81v-.28a55.84 55.84 0 0 0-13.52-42.08 78.23 78.23 0 0 1-19.4-51.59V224.68a6 6 0 0 0-12 0V346.2a90.21 90.21 0 0 0 22.36 59.47 43.75 43.75 0 0 1 10.6 33v.26a138.38 138.38 0 0 1-12.43 44.92A16.26 16.26 0 0 0 69.24 507a16.27 16.27 0 0 0 7.59-1.91A296.65 296.65 0 0 0 129 470.15c5-4.2 9.9-8.57 14.53-13a73.94 73.94 0 0 1 51.27-20.64h165.82a90.41 90.41 0 0 0 90.32-90.32V129.36a6 6 0 0 0-3.28-5.36z"
/>
<path
fill="url(#b)"
d="M40.18 211.78a6 6 0 0 0 6-6v-9a6 6 0 0 0-12 0v9a6 6 0 0 0 6 6z"
/>
<path
fill="url(#c)"
d="M122.87 177.4h239.39a6 6 0 0 0 0-12H122.87a6 6 0 1 0 0 12z"
/>
<path
fill="url(#d)"
d="M122.87 242.45h239.39a6 6 0 0 0 0-12H122.87a6 6 0 0 0 0 12z"
/>
<path
fill="url(#e)"
d="M122.87 307.5h239.39a6 6 0 0 0 0-12H122.87a6 6 0 0 0 0 12z"
/>
<path
fill="url(#f)"
d="M396.43 54a6 6 0 0 0 5.29 1v52.51a6 6 0 0 0 .47 12h10.38a6 6 0 0 0 1.15-11.89V39.44A6 6 0 0 0 403 35.76l-7.62 9.8a6 6 0 0 0 1.05 8.44z"
/>
<path
fill="url(#g)"
d="M406.34 5a71.48 71.48 0 1 0 71.47 71.47A71.56 71.56 0 0 0 406.34 5zm0 131a59.48 59.48 0 1 1 59.47-59.48A59.55 59.55 0 0 1 406.34 136z"
/>
</g>
</svg>
More icons in the same style and category