Add icons to this collection by clicking the heart icon.
Chat icon - also known as communication, message, speech, chat, conversation, talk, speech bubble, communications, messaging, chats, and chat box. 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 64 64"
>
<linearGradient
id="a"
x1="59"
x2="37.21"
y1="40"
y2="40"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#0064f4" />
<stop offset="1" stop-color="#2b39c5" />
</linearGradient>
<linearGradient
id="b"
x1="48.17"
x2="26.03"
y1="26.5"
y2="26.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#25d7f2" />
<stop offset="1" stop-color="#25b8f2" />
</linearGradient>
<path
fill="#0064f4"
d="M53 21h-6a2 2 0 0 0-2 2v17.19l-8-.06L20 40a2 2 0 0 0-2 2v4a6 6 0 0 0 6 6h21.42l10.51 6.69A2 2 0 0 0 57 59a1.94 1.94 0 0 0 1-.25A2 2 0 0 0 59 57V27a6 6 0 0 0-6-6z"
/>
<path
fill="url(#a)"
d="M59 27v30a2 2 0 0 1-1 1.75 1.94 1.94 0 0 1-1 .25 2 2 0 0 1-1.07-.31L45.42 52H37V40.13l8 .06V23a2 2 0 0 1 2-2h6a6 6 0 0 1 6 6z"
/>
<path
fill="#25d7f2"
d="M42 11H11a6 6 0 0 0-6 6v33a2 2 0 0 0 1.19 1.83A2.1 2.1 0 0 0 7 52a2 2 0 0 0 1.35-.52L18.77 42H42a6 6 0 0 0 6-6V17a6 6 0 0 0-6-6z"
/>
<path fill="url(#b)" d="M48 17v19a6 6 0 0 1-6 6H26V11h16a6 6 0 0 1 6 6z" />
</svg>
More icons in the same style and category