Add icons to this collection by clicking the heart icon.
Communication icon - also known as communication, message, chat, smartphone, mobile phone, conversation, speech bubble, notification, sms, and communications. Created in a clean flat 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 32 32"
>
<linearGradient id="a">
<stop offset="0" stop-color="#42a5f5" />
<stop offset="1" stop-color="#1e88e5" />
</linearGradient>
<linearGradient
id="c"
x1="6"
x2="26"
y1="16"
y2="16"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#bbdefb" />
<stop offset="1" stop-color="#64b5f6" />
</linearGradient>
<linearGradient
id="d"
x1="8"
x2="24"
y1="16"
y2="16"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="e"
x1="14"
x2="18"
y1="26"
y2="26"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="10"
x2="22"
y1="13"
y2="13"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="17"
x2="19"
y1="13"
y2="13"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="13"
x2="15"
y1="13"
y2="13"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path
fill="url(#c)"
d="M23 31H9c-1.654 0-3-1.346-3-3V4c0-1.654 1.346-3 3-3h14c1.654 0 3 1.346 3 3v24c0 1.654-1.346 3-3 3z"
/>
<path
fill="url(#d)"
d="M9 3c-.551 0-1 .449-1 1v24c0 .551.449 1 1 1h14c.551 0 1-.449 1-1V4c0-.551-.449-1-1-1z"
/>
<path fill="url(#e)" d="M17 27h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" />
<path
fill="url(#f)"
d="m11.19 16.619-.294-.475A5.952 5.952 0 0 1 10 13c0-3.309 2.691-6 6-6s6 2.691 6 6-2.691 6-6 6c-1.113 0-2.2-.31-3.144-.896l-.475-.295L10 19z"
/>
<circle cx="18" cy="13" r="1" fill="url(#g)" />
<circle cx="14" cy="13" r="1" fill="url(#h)" />
</svg>
More icons in the same style and category