Add icons to this collection by clicking the heart icon.
Chat Bubble icon - also known as chat, conversation, speech bubble, ui, chat bubble, and chat box. Created in a clean flat gradient style with a white finish, 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="17.151"
x2="46.849"
y1="17.151"
y2="46.849"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fad0c4" />
<stop offset="1" stop-color="#ff9a9e" />
</linearGradient>
<linearGradient
id="b"
x1="32"
x2="32"
y1="53"
y2="11"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff67b0" />
<stop offset="1" stop-color="#fed6e3" stop-opacity=".1" />
</linearGradient>
<linearGradient
id="c"
x1="17.151"
x2="46.849"
y1="17.151"
y2="46.849"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffecd2" stop-opacity=".4" />
<stop offset="1" stop-color="#fcb69f" stop-opacity=".4" />
</linearGradient>
<linearGradient
id="d"
x1="32"
x2="32"
y1="11"
y2="32"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffecd2" stop-opacity=".7" />
<stop offset="1" stop-color="#fcb69f" stop-opacity="0" />
</linearGradient>
<linearGradient
id="e"
x1="-700"
x2="-700"
y1="63"
y2="84"
gradientTransform="rotate(180 -334 58)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c3679e" stop-opacity=".4" />
<stop offset="1" stop-color="#fcb69f" stop-opacity="0" />
</linearGradient>
<circle cx="32" cy="32" r="21" fill="url(#a)" />
<circle cx="32" cy="32" r="21" fill="url(#b)" />
<circle cx="32" cy="32" r="21" fill="url(#c)" />
<path fill="url(#d)" d="M11 32a21 21 0 0 1 42 0z" />
<path fill="url(#e)" d="M53 32a21 21 0 0 1-42 0z" />
<g fill="#fff">
<path
d="M32.592 22.37h-8.308a3.404 3.404 0 0 0-3.405 3.406v3.992a3.405 3.405 0 0 0 2.775 3.344l.306 1.243a.365.365 0 0 0 .35.271.337.337 0 0 0 .254-.105l1.357-1.348h6.67a3.41 3.41 0 0 0 3.406-3.405v-3.992a3.404 3.404 0 0 0-3.405-3.405zm-7.975 6.128a.875.875 0 1 1 .875-.875.878.878 0 0 1-.875.875zm3.501 0a.875.875 0 1 1 .876-.875.878.878 0 0 1-.876.875zm3.502 0a.875.875 0 1 1 .875-.875.878.878 0 0 1-.875.875z"
/>
<path
d="M39.595 29.374h-1.847v.394a5.16 5.16 0 0 1-5.156 5.156h-4.71v1.847a3.41 3.41 0 0 0 3.405 3.405h6.67l1.357 1.348a.337.337 0 0 0 .254.105.365.365 0 0 0 .35-.271l.307-1.243A3.405 3.405 0 0 0 43 36.771v-3.992a3.404 3.404 0 0 0-3.405-3.405zm-.972 6.128a.875.875 0 1 1 .875-.876.878.878 0 0 1-.875.876z"
/>
</g>
</svg>
More icons in the same style and category