Add icons to this collection by clicking the heart icon.
Speech Bubble icon - also known as message, market, speech bubble, shopping, online shopping, communications, and customer support. 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">
<stop offset="0" stop-color="#00a5e9" />
<stop offset="1" stop-color="#15ffce" />
</linearGradient>
<linearGradient
id="b"
x1="42.467"
x2="42.467"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="53.6"
x2="53.6"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="10.801"
x2="10.801"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="56"
x2="56"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="28.935"
x2="28.935"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="49.15"
x2="49.15"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="21.533"
x2="21.533"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="6"
x2="6"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="10.4"
x2="10.4"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="14.851"
x2="14.851"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="37.066"
x2="37.066"
y1="60"
y2="4.004"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="24.935"
x2="24.935"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="35.066"
x2="35.066"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="8"
x2="8"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="39.467"
x2="39.467"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="q"
x1="53.2"
x2="53.2"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="58"
x2="58"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="s"
x1="38.018"
x2="38.018"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="t"
x1="20.918"
x2="20.918"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="u"
x1="26.935"
x2="26.935"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M32.935 30.199H52a1 1 0 1 0 0-2H32.935a1 1 0 1 0 0 2z"
/>
<path
fill="url(#c)"
d="M52.2 46.799a1 1 0 0 0 1 1h.8a1 1 0 1 0 0-2h-.8a1 1 0 0 0-1 1z"
/>
<path
fill="url(#d)"
d="M10.801 41.799a1 1 0 0 0 1-1V33.6a1 1 0 1 0-2 0v7.199a1 1 0 0 0 1 1z"
/>
<path
fill="url(#e)"
d="M54 47.799c2.757 0 5-2.242 5-5a1 1 0 1 0-2 0c0 1.654-1.346 3-3 3a1 1 0 1 0 0 2zM54 24.199c1.654 0 3 1.346 3 3a1 1 0 1 0 2 0c0-2.756-2.243-5-5-5a1 1 0 1 0 0 2z"
/>
<path
fill="url(#f)"
d="M30.935 45.799c-1.654 0-3-1.346-3-3a1 1 0 1 0-2 0c0 2.758 2.243 5 5 5a1 1 0 1 0 0-2zM30.935 22.199c-2.757 0-5 2.244-5 5a1 1 0 1 0 2 0c0-1.654 1.346-3 3-3a1 1 0 1 0 0-2z"
/>
<path
fill="url(#g)"
d="M52.536 54.746a.996.996 0 0 0 1.411-.082 1 1 0 0 0-.083-1.412l-8.1-7.199a1 1 0 1 0-1.328 1.494z"
/>
<path fill="url(#h)" d="M10 11h23.066a1 1 0 1 0 0-2H10a1 1 0 1 0 0 2z" />
<path
fill="url(#i)"
d="M6 30.6a1 1 0 0 0 1-1V14a1 1 0 1 0-2 0v15.6a1 1 0 0 0 1 1z"
/>
<path fill="url(#j)" d="M10 34.6h.801a1 1 0 1 0 0-2H10a1 1 0 1 0 0 2z" />
<path
fill="url(#k)"
d="m18.236 32.852-8.1 7.201a.998.998 0 0 0 .664 1.746.992.992 0 0 0 .664-.252l8.1-7.201a.998.998 0 0 0 .083-1.41.996.996 0 0 0-1.411-.084z"
/>
<path
fill="url(#l)"
d="M37.066 24.199a1 1 0 0 0 1-1V14a1 1 0 1 0-2 0v9.199a1 1 0 0 0 1 1z"
/>
<path
fill="url(#m)"
d="M27.935 33.6a1 1 0 0 0-1-1h-4a1 1 0 1 0 0 2h4a1 1 0 0 0 1-1z"
/>
<path
fill="url(#n)"
d="M33.066 11c1.654 0 3 1.346 3 3a1 1 0 1 0 2 0c0-2.758-2.243-5-5-5a1 1 0 1 0 0 2z"
/>
<path
fill="url(#o)"
d="M6 15a1 1 0 0 0 1-1c0-1.654 1.346-3 3-3a1 1 0 1 0 0-2c-2.757 0-5 2.242-5 5a1 1 0 0 0 1 1zM10 34.6a1 1 0 1 0 0-2c-1.654 0-3-1.346-3-3a1 1 0 1 0-2 0c0 2.755 2.243 5 5 5z"
/>
<path
fill="url(#p)"
d="M46 32.199H32.935a1 1 0 1 0 0 2H46a1 1 0 1 0 0-2z"
/>
<path
fill="url(#q)"
d="M53.2 45.799a1 1 0 0 0-1 1V54a1 1 0 1 0 2 0v-7.201a1 1 0 0 0-1-1z"
/>
<path
fill="url(#r)"
d="M58 43.799a1 1 0 0 0 1-1v-15.6a1 1 0 1 0-2 0v15.6a1 1 0 0 0 1 1z"
/>
<path
fill="url(#s)"
d="M30.935 47.799h14.166a1 1 0 1 0 0-2H30.935a1 1 0 1 0 0 2z"
/>
<path
fill="url(#t)"
d="M18.9 34.6h4.034a1 1 0 1 0 0-2H18.9a1 1 0 1 0 0 2z"
/>
<path
fill="url(#u)"
d="M26.935 43.799a1 1 0 0 0 1-1v-15.6a1 1 0 1 0-2 0v15.6a1 1 0 0 0 1 1z"
/>
<path
fill="url(#b)"
d="M30.935 24.199H54a1 1 0 1 0 0-2H30.935a1 1 0 1 0 0 2z"
/>
</svg>
More icons in the same style and category