Add icons to this collection by clicking the heart icon.
Message icon - also known as message, bubble, chat, emotion, happy, messenger, communications, and emoji. Created in a clean flat style with a white, silver, gray, maroon, teal, and orange 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 58 58"
>
<g fill="none" fill-rule="nonzero">
<path
fill="#955ba5"
d="M58 10v36a3 3 0 0 1-3 3H22.42l-3.11 2L8.7 57.82A1.1 1.1 0 0 1 7 56.9V49H3a3 3 0 0 1-3-3V10a3 3 0 0 1 3-3h52a3 3 0 0 1 3 3z"
/>
<path
fill="#894b9d"
d="M13 50a1 1 0 0 1-1 1H7v-2h5a1 1 0 0 1 1 1zM22.42 49l-3.11 2H16a1 1 0 0 1 0-2z"
/>
<circle cx="29" cy="21" r="21" fill="#f0c419" />
<path fill="#b49aca" d="M47.5 43h-37a1 1 0 0 1 0-2h37a1 1 0 0 1 0 2z" />
<circle cx="21" cy="18" r="5" fill="#ecf0f1" />
<path
fill="#f29c1f"
d="M26 11.516a1 1 0 0 1-.555-.169 8.133 8.133 0 0 0-8.888 0 1 1 0 0 1-1.112-1.662 10.162 10.162 0 0 1 11.112 0A1 1 0 0 1 26 11.516zM42 11.516a1 1 0 0 1-.555-.169 8.133 8.133 0 0 0-8.888 0 1 1 0 0 1-1.112-1.662 10.162 10.162 0 0 1 11.112 0A1 1 0 0 1 42 11.516z"
/>
<circle cx="22" cy="18" r="2" fill="#3f5c6c" />
<circle cx="37" cy="18" r="5" fill="#ecf0f1" />
<circle cx="36" cy="18" r="2" fill="#3f5c6c" />
<path
fill="#802d40"
d="M23 28h12a1 1 0 0 1 1 1 7 7 0 0 1-14 0 1 1 0 0 1 1-1z"
/>
<path
fill="#ff5364"
d="M33.33 34.49a6.963 6.963 0 0 1-8.66 0 5.01 5.01 0 0 1 8.66 0z"
/>
<g fill="#ecf0f1">
<circle cx="21" cy="17" r="1" />
<circle cx="35" cy="17" r="1" />
</g>
</g>
</svg>
More icons in the same style and category