Add icons to this collection by clicking the heart icon.
Speech Bubble icon - also known as communication, message, chat, conversation, talk, speech bubble, and communications. Created in a clean outline 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 48 48"
>
<linearGradient
id="a"
x1="17"
x2="17"
y1=".048"
y2="48.87"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#38d6a4" />
<stop offset=".197" stop-color="#36ccb0" />
<stop offset=".552" stop-color="#30b3cf" />
<stop offset=".999" stop-color="#288cff" />
</linearGradient>
<linearGradient id="b" x1="31.5" x2="31.5" y1=".048" y2="48.87" href="#a" />
<linearGradient id="c" x1="9" x2="9" y1=".048" y2="48.87" href="#a" />
<linearGradient id="d" x1="25" x2="25" y1=".048" y2="48.87" href="#a" />
<linearGradient id="e" x1="40" x2="40" y1=".048" y2="48.87" href="#a" />
<g>
<path
fill="url(#a)"
d="M3.638 28h1.8l-1.065 5.86a1.559 1.559 0 0 0 .85 1.69 1.583 1.583 0 0 0 .7.165 1.561 1.561 0 0 0 1.158-.515l6.543-7.2h16.738A3.642 3.642 0 0 0 34 24.362V7.638A3.642 3.642 0 0 0 30.362 4H3.638A3.642 3.642 0 0 0 0 7.638v16.724A3.642 3.642 0 0 0 3.638 28zM2 7.638A1.64 1.64 0 0 1 3.638 6h26.724A1.64 1.64 0 0 1 32 7.638v16.724A1.64 1.64 0 0 1 30.362 26h-17.18a1 1 0 0 0-.74.327l-5.834 6.417 1.012-5.565A1 1 0 0 0 6.636 26h-3A1.64 1.64 0 0 1 2 24.362z"
/>
<path
fill="url(#b)"
d="M44.362 13H36v2h8.362A1.64 1.64 0 0 1 46 16.638v17.724A1.64 1.64 0 0 1 44.362 36h-5.237a1 1 0 0 0-.992 1.124l.513 4.108-4.939-4.939A1 1 0 0 0 33 36H18.638A1.64 1.64 0 0 1 17 34.362V30h-2v4.362A3.642 3.642 0 0 0 18.638 38h13.948l5.53 5.53a1.556 1.556 0 0 0 1.1.464 1.6 1.6 0 0 0 .7-.163 1.553 1.553 0 0 0 .869-1.606L40.258 38h4.1A3.642 3.642 0 0 0 48 34.362V16.638A3.642 3.642 0 0 0 44.362 13z"
/>
<path
fill="url(#c)"
d="M7 19h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1zm1-4h2v2H8z"
/>
<path
fill="url(#a)"
d="M15 19h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1zm1-4h2v2h-2z"
/>
<path
fill="url(#d)"
d="M23 19h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1zm1-4h2v2h-2z"
/>
<g fill="url(#e)">
<path d="M36 18h8v2h-8zM36 22h8v2h-8zM36 26h8v2h-8z" />
</g>
<path fill="url(#b)" d="M19 30h25v2H19z" />
</g>
</svg>
More icons in the same style and category