Add icons to this collection by clicking the heart icon.
Speech Bubble icon - also known as chat, conversation, speech bubble, 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 64 64"
>
<linearGradient
id="a"
x1="9.95"
x2="50.34"
y1="7.89"
y2="48.27"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f15a24" />
<stop offset=".46" stop-color="#fbb03b" />
<stop offset="1" stop-color="#9e005d" />
</linearGradient>
<linearGradient
id="b"
x1="33.55"
x2="73.56"
y1="-14.45"
y2="25.56"
href="#a"
/>
<linearGradient
id="c"
x1="30.5"
x2="70.51"
y1="-11.5"
y2="28.51"
href="#a"
/>
<linearGradient
id="d"
x1="27.45"
x2="67.46"
y1="-8.55"
y2="31.46"
href="#a"
/>
<linearGradient
id="e"
x1="24.4"
x2="64.41"
y1="-5.6"
y2="34.41"
href="#a"
/>
<linearGradient
id="f"
x1="21.35"
x2="61.36"
y1="-2.65"
y2="37.36"
href="#a"
/>
<linearGradient id="g" x1="18.3" x2="58.31" y1=".3" y2="40.31" href="#a" />
<linearGradient
id="h"
x1="15.25"
x2="55.26"
y1="3.25"
y2="43.26"
href="#a"
/>
<linearGradient
id="i"
x1="1.28"
x2="41.87"
y1="16.28"
y2="56.87"
href="#a"
/>
<linearGradient
id="j"
x1="-.78"
x2="39.81"
y1="18.22"
y2="58.81"
href="#a"
/>
<linearGradient
id="k"
x1="-2.84"
x2="37.75"
y1="20.16"
y2="60.75"
href="#a"
/>
<linearGradient
id="l"
x1="-8.12"
x2="32.38"
y1="25.38"
y2="65.88"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M28 4v18h2V6h32v26h-5v5.13L49.3 32H36v-8H0v30h5v6.87L15.3 54H36V36h-2v16H14.7L7 57.13V52H2V26h32v8h14.7L59 40.87V34h5V4z"
/>
<path fill="url(#b)" d="M57 9h2v2h-2z" />
<path fill="url(#c)" d="M51 9h2v2h-2z" />
<path fill="url(#d)" d="M45 9h2v2h-2z" />
<path fill="url(#e)" d="M39 9h2v2h-2z" />
<path fill="url(#f)" d="M33 9h2v2h-2z" />
<path fill="url(#c)" d="M54 12h2v2h-2z" />
<path fill="url(#d)" d="M48 12h2v2h-2z" />
<path fill="url(#e)" d="M42 12h2v2h-2z" />
<path fill="url(#f)" d="M36 12h2v2h-2z" />
<path fill="url(#c)" d="M57 15h2v2h-2z" />
<path fill="url(#d)" d="M51 15h2v2h-2z" />
<path fill="url(#e)" d="M45 15h2v2h-2z" />
<path fill="url(#f)" d="M39 15h2v2h-2z" />
<path fill="url(#g)" d="M33 15h2v2h-2z" />
<path fill="url(#d)" d="M54 18h2v2h-2z" />
<path fill="url(#e)" d="M48 18h2v2h-2z" />
<path fill="url(#f)" d="M42 18h2v2h-2z" />
<path fill="url(#g)" d="M36 18h2v2h-2z" />
<path fill="url(#d)" d="M57 21h2v2h-2z" />
<path fill="url(#e)" d="M51 21h2v2h-2z" />
<path fill="url(#f)" d="M45 21h2v2h-2z" />
<path fill="url(#g)" d="M39 21h2v2h-2z" />
<path fill="url(#e)" d="M54 24h2v2h-2z" />
<path fill="url(#f)" d="M48 24h2v2h-2z" />
<path fill="url(#g)" d="M42 24h2v2h-2z" />
<path fill="url(#e)" d="M57 27h2v2h-2z" />
<path fill="url(#f)" d="M51 27h2v2h-2z" />
<path fill="url(#g)" d="M45 27h2v2h-2z" />
<path fill="url(#h)" d="M39 27h2v2h-2z" />
<path fill="url(#i)" d="M5 32h26v2H5z" />
<path fill="url(#j)" d="M5 36h26v2H5z" />
<path fill="url(#k)" d="M5 40h26v2H5z" />
<path fill="url(#l)" d="M5 44h13v2H5z" />
</g>
</svg>
More icons in the same style and category