Add icons to this collection by clicking the heart icon.
Speech Bubble icon - also known as communication, speech, chat, conversation, talk, speech bubble, ui, chat bubble, dialogue, communications, and speech ballon. 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 512 512"
>
<linearGradient id="a">
<stop offset="0" stop-color="#ffac1b" />
<stop offset="1" stop-color="#e10b90" />
</linearGradient>
<linearGradient
id="b"
x1="488.486"
x2="-17.514"
y1="530.749"
y2="23.749"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="562.281"
x2="56.281"
y1="457.1"
y2="-49.9"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="599.507"
x2="93.507"
y1="419.947"
y2="-87.053"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="636.734"
x2="130.734"
y1="382.794"
y2="-124.206"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="454.733"
x2="-51.267"
y1="564.436"
y2="57.436"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="417.613"
x2="-88.388"
y1="601.483"
y2="94.483"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="380.279"
x2="-125.721"
y1="638.742"
y2="131.742"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M493.643 239.693A164.199 164.199 0 0 0 512 164.224c0-56.195-28.267-107.891-75.609-138.285C409.959 8.97 379.316 0 347.776 0c-90.554 0-164.227 73.671-164.227 164.224 0 6.949.454 13.841 1.31 20.661-6.764-.852-13.639-1.342-20.63-1.342-31.538 0-62.18 8.97-88.615 25.939C28.272 239.876.005 291.572.005 347.769c0 26.352 6.334 52.242 18.356 75.465L.834 484.554c-3.266 11.43 3.351 23.344 14.781 26.61 1.599.457 3.203.672 4.795.757.315.046 3.174-.028 4.148-.168.32-.046 69.19-15.641 69.19-15.641a164.722 164.722 0 0 0 70.482 15.881c90.554 0 164.227-73.671 164.227-164.224 0-6.994-.49-13.872-1.342-20.638a165.585 165.585 0 0 0 20.662 1.318 164.71 164.71 0 0 0 70.483-15.881l67.441 15.345c1.608.366 3.214.541 4.795.541 9.824 0 18.697-6.771 20.967-16.754.683-3.005.69-6.003.14-8.847-.074-.45-17.96-63.16-17.96-63.16zM164.229 468.946c-20.076 0-39.956-5.005-57.487-14.474-4.149-2.241-8.702-2.957-13.043-2.38-.361.032-41.476 9.321-41.476 9.321s10.388-36.677 10.436-37.018c.884-4.919.086-10.162-2.669-14.795-11.079-18.63-16.934-40.01-16.934-61.829 0-41.469 20.865-79.623 55.817-102.06 19.481-12.507 42.082-19.118 65.357-19.118 66.819 0 121.177 54.361 121.177 121.178-.001 66.816-54.359 121.175-121.178 121.175zm183.547-183.545a121.413 121.413 0 0 1-33.726-4.763c-16.489-36.652-46.023-66.188-82.673-82.681a121.095 121.095 0 0 1-4.778-33.733c0-66.817 54.358-121.177 121.177-121.177 23.278 0 45.879 6.611 65.357 19.118 34.951 22.437 55.817 60.591 55.817 102.059 0 21.82-5.856 43.201-16.934 61.828a21.428 21.428 0 0 0-2.786 14.168c.032.594 10.551 37.647 10.551 37.647s-41.093-9.284-41.432-9.316c-4.354-.588-8.924.126-13.085 2.375-17.53 9.47-37.41 14.475-57.488 14.475z"
/>
<circle cx="273.468" cy="167.716" r="24.601" fill="url(#c)" />
<circle cx="347.774" cy="167.716" r="24.601" fill="url(#d)" />
<circle cx="422.08" cy="167.716" r="24.601" fill="url(#e)" />
<circle cx="238.494" cy="347.769" r="24.601" fill="url(#f)" />
<circle cx="164.399" cy="347.769" r="24.601" fill="url(#g)" />
<circle cx="89.88" cy="347.769" r="24.601" fill="url(#h)" />
</svg>
More icons in the same style and category