Add icons to this collection by clicking the heart icon.
Chat Bubble icon - also known as smartphone, phone, heart, love, chat bubble, communications, and love message. Created in a clean lineal 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"
x1="-67"
x2="564.374"
y1="472"
y2="472"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient id="b" x2="564.374" y1="182.523" y2="182.523" href="#a" />
<linearGradient id="c" x2="564.374" y1="256" y2="256" href="#a" />
<linearGradient id="d" x2="564.374" y1="296" y2="296" href="#a" />
<path fill="url(#a)" d="M288 464h-64a8 8 0 0 0 0 16h64a8 8 0 0 0 0-16z" />
<path
fill="url(#b)"
d="M197.069 186.384a34.154 34.154 0 1 0-48.3-48.3l-5.6 5.6-5.6-5.6a34.156 34.156 0 0 0-48.3 48.3l48.247 48.242a8 8 0 0 0 11.313 0l48.242-48.242zm-11.313-11.314-42.586 42.586-42.589-42.585a18.156 18.156 0 0 1 25.677-25.671l11.256 11.255a8 8 0 0 0 11.313 0l11.256-11.255a18.154 18.154 0 0 1 25.673 25.675z"
/>
<path
fill="url(#c)"
d="M456 208h-64V36a28.031 28.031 0 0 0-28-28H148a28.031 28.031 0 0 0-28 28v60H56a8 8 0 0 0-8 8v160a8 8 0 0 0 8 8h64v204a28.031 28.031 0 0 0 28 28h216a28.031 28.031 0 0 0 28-28v-92h64a8 8 0 0 0 8-8V216a8 8 0 0 0-8-8zM292.9 24l-2.67 8h-68.46l-2.67-8zM64 256V112h160v144h-24a8 8 0 0 0-8 8v12.69l-18.34-18.35A8.008 8.008 0 0 0 168 256zm312 220a12.01 12.01 0 0 1-12 12H148a12.01 12.01 0 0 1-12-12V272h28.69l29.65 29.66A8 8 0 0 0 208 296v-24h24a8 8 0 0 0 8-8V104a8 8 0 0 0-8-8h-96V36a12.01 12.01 0 0 1 12-12h54.23l6.18 18.53A8 8 0 0 0 216 48h80a8 8 0 0 0 7.59-5.47L309.77 24H364a12.01 12.01 0 0 1 12 12v172h-96a8 8 0 0 0-8 8v160a8 8 0 0 0 8 8h24v24a8 8 0 0 0 13.66 5.66L347.31 384H376zm72-108H344a8.008 8.008 0 0 0-5.66 2.34L320 388.69V376a8 8 0 0 0-8-8h-24V224h160z"
/>
<g fill="url(#d)">
<circle cx="368" cy="296" r="8" />
<circle cx="416" cy="296" r="8" />
<circle cx="320" cy="296" r="8" />
</g>
</svg>
More icons in the same style and category