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 lineal color 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 60 60"
>
<g fill="none" fill-rule="nonzero">
<g transform="translate(1 1)">
<path
fill="#9d27b0"
d="M58 10v36a3 3 0 0 1-3 3H22.42L8.7 57.82A1.1 1.1 0 0 1 7 56.9V49H3a3 3 0 0 1-3-3V10a3 3 0 0 1 3-3h10.35c-7.532 8.418-7.056 21.286 1.078 29.124 8.134 7.838 21.01 7.838 29.144 0C51.706 28.286 52.182 15.418 44.65 7H55a3 3 0 0 1 3 3z"
/>
<path
fill="#6a1b9a"
d="M55 7h-3a3 3 0 0 1 3 3v36a3 3 0 0 1-3 3h3a3 3 0 0 0 3-3V10a3 3 0 0 0-3-3z"
/>
<path
fill="#ffdc00"
d="M50 21c.001 10.129-7.227 18.815-17.187 20.654-9.96 1.839-19.814-3.694-23.43-13.155-3.615-9.461.038-20.155 8.686-25.427C26.717-2.2 37.896-.548 44.65 7A21 21 0 0 1 50 21z"
/>
<path
fill="#fec108"
d="M44.65 7A20.919 20.919 0 0 0 29 0c-.5 0-1 .024-1.5.059 10.986.779 19.502 9.918 19.502 20.933S38.486 41.145 27.5 41.924c.5.035.994.076 1.5.076A21 21 0 0 0 44.65 7z"
/>
<circle cx="21" cy="18" r="5" fill="#f5f5f5" />
<circle cx="37" cy="18" r="5" fill="#f5f5f5" />
<path
fill="#e91e63"
d="M33.33 34.49a6.963 6.963 0 0 1-8.66 0 5.01 5.01 0 0 1 8.66 0z"
/>
<path
fill="#f44335"
d="M36 29a6.958 6.958 0 0 1-2.05 4.95c-.192.196-.4.377-.62.54a5.01 5.01 0 0 0-8.66 0A6.94 6.94 0 0 1 22 29a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1z"
/>
</g>
<g fill="#000">
<path
d="M56 7h-9.93a21.946 21.946 0 0 0-32.14 0H4a4 4 0 0 0-4 4v36a4 4 0 0 0 4 4h3v6.9c0 .764.414 1.467 1.08 1.84.314.169.664.258 1.02.26.405 0 .801-.118 1.14-.34L23.71 51H56a4 4 0 0 0 4-4V11a4 4 0 0 0-4-4zM30 2c11.046 0 20 8.954 20 20s-8.954 20-20 20-20-8.954-20-20c.011-11.041 8.959-19.989 20-20zm28 45a2.006 2.006 0 0 1-2 2H17a1 1 0 0 0 0 2h3.02L9.16 57.98c-.01.01-.06.04-.16-.08V51h4a1 1 0 0 0 0-2H4a2.006 2.006 0 0 1-2-2V11a2.006 2.006 0 0 1 2-2h8.27a21.967 21.967 0 0 0 8.58 33H11.5a1 1 0 0 0 0 2h37a1 1 0 0 0 0-2h-9.35a21.967 21.967 0 0 0 8.58-33H56a2.006 2.006 0 0 1 2 2z"
/>
<path
d="M22 13a6 6 0 1 0 0 12 6 6 0 0 0 0-12zm0 10a4 4 0 1 1 0-8 4 4 0 0 1 0 8zM17.556 12.347a8.133 8.133 0 0 1 8.888 0 1 1 0 0 0 1.112-1.662 10.162 10.162 0 0 0-11.112 0 1 1 0 0 0 1.112 1.662zM33.556 12.347a8.133 8.133 0 0 1 8.888 0 1 1 0 0 0 1.112-1.662 10.162 10.162 0 0 0-11.112 0 1 1 0 0 0 1.112 1.662z"
/>
<circle cx="22" cy="19" r="1" />
<path
d="M38 13a6 6 0 1 0 0 12 6 6 0 0 0 0-12zm0 10a4 4 0 1 1 0-8 4 4 0 0 1 0 8z"
/>
<circle cx="38" cy="19" r="1" />
<path
d="M36 28H24a2.006 2.006 0 0 0-2 2 8 8 0 1 0 16 0 2.006 2.006 0 0 0-2-2zm-6 8a5.933 5.933 0 0 1-2.9-.75 3.989 3.989 0 0 1 5.8 0A5.933 5.933 0 0 1 30 36zm4.46-2a5.973 5.973 0 0 0-8.92 0A5.979 5.979 0 0 1 24 30h12a5.979 5.979 0 0 1-1.54 4z"
/>
</g>
</g>
</svg>
More icons in the same style and category