Add icons to this collection by clicking the heart icon.
Message icon - also known as communication, message, chat, comment, speech bubble, notification, browser, communications, and online chat. Created in a clean lineal color style with a white, silver, gray, and teal finish, 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"
>
<g>
<rect width="60" height="60" x="2" y="2" fill="#e2e7f6" rx="4" />
<path
fill="#f2f2f2"
d="M58 54V2H6a4 4 0 0 0-4 4v52h52a4 4 0 0 0 4-4z"
/>
<path
fill="#5e87ca"
d="m27 42-4-5-4 5H8a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h30a2 2 0 0 0 2-2V44a2 2 0 0 0-2-2z"
/>
<path
fill="#78a0d4"
d="m27 42-4-5-4 5H8a2 2 0 0 0-2 2v11h29a2.157 2.157 0 0 0 2-2.286V42z"
/>
<path fill="#4c6cb5" d="M6 18h22v14H6z" />
<path
fill="#5e87ca"
d="m28 32-9-8h-4l-9 8zM62 14H2V6a4 4 0 0 1 4-4h52a4 4 0 0 1 4 4z"
/>
<path fill="#78a0d4" d="M58 8V2H6a4 4 0 0 0-4 4v4h54a2 2 0 0 0 2-2z" />
<rect width="24" height="4" x="6" y="6" fill="#e2e7f6" rx="2" />
<circle cx="56" cy="8" r="2" fill="#3b5892" />
<circle cx="48" cy="8" r="2" fill="#3b5892" />
<circle cx="40" cy="8" r="2" fill="#3b5892" />
<path fill="#f2f2f2" d="M27 6H8a2 2 0 0 0-2 2h20a1 1 0 0 0 1-1z" />
<path fill="#78a0d4" d="m6 18 11 8 11-8" />
<path
fill="#e2e7f6"
d="M17.98 45.8A1 1 0 0 0 17 45h-3a1 1 0 0 0-.98.8l-1 5a.925.925 0 0 0-.02.2v4h2v-3h3v3h2v-4a.925.925 0 0 0-.02-.2zm-1.8 1.2.6 3h-2.56l.6-3zM24 45h-3a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h3a3 3 0 0 0 2.234-5A3 3 0 0 0 24 45zm0 8h-2v-2h2a1 1 0 0 1 0 2zm0-4h-2v-2h2a1 1 0 0 1 0 2zM35 49v-1a3 3 0 0 0-3-3h-1a3 3 0 0 0-3 3v4a3 3 0 0 0 3 3h1a3 3 0 0 0 3-3v-1h-2v1a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v1z"
/>
<path fill="#5e87ca" d="M32 18h26v20H32z" />
<path fill="#78a0d4" d="M32 18h23v17H32z" />
<g fill="#e2e7f6">
<path
d="M39 21h10v2H39zM51 21h4v2h-4zM35 25h20v2H35zM35 29h20v2H35zM35 33h20v2H35z"
/>
</g>
<path
d="M58 1H6a5.006 5.006 0 0 0-5 5v52a5.006 5.006 0 0 0 5 5h52a5.006 5.006 0 0 0 5-5V6a5.006 5.006 0 0 0-5-5zM6 3h52a3 3 0 0 1 3 3v7H3V6a3 3 0 0 1 3-3zm52 58H6a3 3 0 0 1-3-3V15h58v43a3 3 0 0 1-3 3z"
/>
<path
d="M8 11h20a3 3 0 0 0 0-6H8a3 3 0 0 0 0 6zm0-4h20a1 1 0 0 1 0 2H8a1 1 0 0 1 0-2zM56 11a3 3 0 1 0-3-3 3 3 0 0 0 3 3zm0-4a1 1 0 1 1-1 1 1 1 0 0 1 1-1zM48 11a3 3 0 1 0-3-3 3 3 0 0 0 3 3zm0-4a1 1 0 1 1-1 1 1 1 0 0 1 1-1zM40 11a3 3 0 1 0-3-3 3 3 0 0 0 3 3zm0-4a1 1 0 1 1-1 1 1 1 0 0 1 1-1zM6 33h22a1 1 0 0 0 1-1V18a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1zm10.412-6.191a1 1 0 0 0 1.176 0l1.687-1.227L25.37 31H8.63l6.095-5.418zm4.518-2.431L27 19.964v9.809zm-3.93.386L9.075 19h15.85zm-3.93-.386L7 29.773v-9.809zM17.98 45.8A1 1 0 0 0 17 45h-3a1 1 0 0 0-.98.8l-1 5a.925.925 0 0 0-.02.2v4h2v-3h3v3h2v-4a.925.925 0 0 0-.02-.2zm-1.8 1.2.6 3h-2.56l.6-3zM24 45h-3a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h3a3 3 0 0 0 2.234-5A3 3 0 0 0 24 45zm0 8h-2v-2h2a1 1 0 0 1 0 2zm0-4h-2v-2h2a1 1 0 0 1 0 2zM32 45h-1a3 3 0 0 0-3 3v4a3 3 0 0 0 3 3h1a3 3 0 0 0 3-3v-1h-2v1a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v1h2v-1a3 3 0 0 0-3-3z"
/>
<path
d="M38 41H27.48l-3.7-4.625a1.034 1.034 0 0 0-1.562 0L18.52 41H8a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h30a3 3 0 0 0 3-3V44a3 3 0 0 0-3-3zm1 15a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1V44a1 1 0 0 1 1-1h11a1 1 0 0 0 .781-.375L23 38.6l3.219 4.024A1 1 0 0 0 27 43h11a1 1 0 0 1 1 1z"
/>
<path
d="M58 17H32a1 1 0 0 0-1 1v20a1 1 0 0 0 1 1h26a1 1 0 0 0 1-1V18a1 1 0 0 0-1-1zm-1 20H33V19h24z"
/>
<path
d="M39 21h10v2H39zM51 21h4v2h-4zM35 25h20v2H35zM35 29h20v2H35zM35 33h20v2H35z"
/>
</g>
</svg>
More icons in the same style and category