Add icons to this collection by clicking the heart icon.
Chat icon - also known as message, chat, user, speech bubble, avatar, chat bubble, social media, and friend. Created in a clean flat 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 24 24"
>
<linearGradient
id="b"
x1="2"
x2="22"
y1="12"
y2="12"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bbdefb" />
<stop offset="1" stop-color="#64b5f6" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#42a5f5" />
<stop offset="1" stop-color="#1e88e5" />
</linearGradient>
<linearGradient
id="c"
x1="9"
x2="15"
y1="8"
y2="8"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="8"
x2="16"
y1="15"
y2="15"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M12 2C6.486 2 2 6.486 2 12c0 1.51.347 3.013 1.005 4.368l-.547 2.463c-.171.77-.033 1.485.391 2.014.514.64 1.38.904 2.32.698l2.464-.548A10.027 10.027 0 0 0 12 22c5.514 0 10-4.486 10-10S17.514 2 12 2z"
/>
<circle cx="12" cy="8" r="3" fill="url(#c)" />
<path
fill="url(#d)"
d="M13.5 12h-3A2.503 2.503 0 0 0 8 14.5V17a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-2.5c0-1.379-1.122-2.5-2.5-2.5z"
/>
</svg>
More icons in the same style and category