Add icons to this collection by clicking the heart icon.
Chat icon - also known as interface, chat, help, speech bubble, support, about us, ui, chat bubble, and chat balloon. 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 64 64"
>
<linearGradient id="a">
<stop offset="0" stop-color="#fedbb8" />
<stop offset="1" stop-color="#0f3ea4" />
</linearGradient>
<linearGradient
id="b"
x1="44"
x2="44"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="38.471"
x2="38.471"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="15"
x2="15"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="49"
x2="49"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="28"
x2="28"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="24"
x2="24"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="45"
x2="45"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="25.471"
x2="25.471"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="12"
x2="12"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="32"
x2="32"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="52"
x2="52"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M44 52a2 2 0 0 0 2-2v-8a2 2 0 0 0-4 0v8a2 2 0 0 0 2 2z"
/>
<path
fill="url(#c)"
d="m31.771 43.62 11.058 8a1.996 1.996 0 0 0 2.792-.448 2 2 0 0 0-.448-2.792l-11.058-8a1.999 1.999 0 1 0-2.344 3.24z"
/>
<path
fill="url(#d)"
d="M18 44a2 2 0 0 0 0-4c-2.206 0-4-1.794-4-4a2 2 0 0 0-4 0c0 4.411 3.589 8 8 8zM12 22a2 2 0 0 0 2-2c0-2.206 1.794-4 4-4a2 2 0 0 0 0-4c-4.411 0-8 3.589-8 8a2 2 0 0 0 2 2z"
/>
<path
fill="url(#e)"
d="M46 16c2.206 0 4 1.794 4 4a2 2 0 0 0 4 0c0-4.411-3.589-8-8-8a2 2 0 0 0 0 4zM46 44c4.411 0 8-3.589 8-8a2 2 0 0 0-4 0c0 2.206-1.794 4-4 4a2 2 0 0 0 0 4z"
/>
<path fill="url(#f)" d="M36 28H20a2 2 0 0 0 0 4h16a2 2 0 0 0 0-4z" />
<path fill="url(#g)" d="M20 24h8a2 2 0 0 0 0-4h-8a2 2 0 0 0 0 4z" />
<path fill="url(#h)" d="M46 40h-2a2 2 0 0 0 0 4h2a2 2 0 0 0 0-4z" />
<path fill="url(#i)" d="M18 44h14.942a2 2 0 0 0 0-4H18a2 2 0 0 0 0 4z" />
<path
fill="url(#j)"
d="M12 38a2 2 0 0 0 2-2V20a2 2 0 0 0-4 0v16a2 2 0 0 0 2 2z"
/>
<path fill="url(#k)" d="M18 16h28a2 2 0 0 0 0-4H18a2 2 0 0 0 0 4z" />
<path
fill="url(#l)"
d="M52 38a2 2 0 0 0 2-2V20a2 2 0 0 0-4 0v16a2 2 0 0 0 2 2z"
/>
</svg>
More icons in the same style and category