Add icons to this collection by clicking the heart icon.
Message icon - also known as interface, message, email, notification, alert, ui, and communications. Created in a clean lineal color style with a white, black, red, yellow, teal, navy, purple, 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 60 60"
>
<g fill="none" fill-rule="nonzero">
<path fill="#02a9f4" d="M26.32 39.5 1.81 57.41A4 4 0 0 1 1 55V21z" />
<path
fill="#00bcd4"
d="M58.19 57.41A4 4 0 0 1 55 59H5a4 4 0 0 1-3.19-1.59L26.32 39.5l.84.61a5 5 0 0 0 5.68 0l.84-.61z"
/>
<path fill="#02a9f4" d="M59 21v34a4 4 0 0 1-.81 2.41L33.68 39.5z" />
<path
fill="#0377bc"
d="M56 23.19V55c0 .252-.028.503-.08.75l2.27 1.66A4 4 0 0 0 59 55V21z"
/>
<path
fill="#3f51b5"
d="M45.5 21a16.12 16.12 0 0 0-.88-10.51L59 21zM14 17a16 16 0 0 0 .5 4H1l14.38-10.51A15.89 15.89 0 0 0 14 17z"
/>
<path
fill="#283593"
d="M59 21 33.68 39.5l-.84.61a5 5 0 0 1-5.68 0l-.84-.61L1 21h13.5a16 16 0 0 0 31 0z"
/>
<path
fill="#f5f5f5"
d="M5 40a1 1 0 0 1-1-1V29a1 1 0 0 1 2 0v10a1 1 0 0 1-1 1zM5 47a1 1 0 0 1-1-1v-3a1 1 0 0 1 2 0v3a1 1 0 0 1-1 1z"
/>
<path
fill="#e91e63"
d="M44.62 10.49a16 16 0 0 0-29.22 0 16 16 0 1 0 29.24 0z"
/>
<path
fill="#e91e63"
d="M38 24h-5.18c.121.32.182.658.18 1a3 3 0 0 1-6 0 2.77 2.77 0 0 1 .18-1H22v-2a2 2 0 0 1 2-2v-6a6 6 0 0 1 4.42-5.78A1.94 1.94 0 0 1 28 7a2 2 0 0 1 4 0 1.94 1.94 0 0 1-.42 1.22 5.84 5.84 0 0 1 2.66 1.54A5.94 5.94 0 0 1 36 14v6a2 2 0 0 1 2 2z"
/>
<path
fill="#ad1457"
d="M44.62 10.49A16 16 0 0 0 30 1a14.76 14.76 0 0 0-1.5.08 16 16 0 0 1 13.11 9.41A16 16 0 0 1 28.5 32.93c.49 0 1 .07 1.5.07a16 16 0 0 0 14.62-22.51z"
/>
<path
fill="#ff9801"
d="M33 25a3 3 0 0 1-6 0 2.77 2.77 0 0 1 .18-1h5.64c.121.32.182.658.18 1zM32 7a1.94 1.94 0 0 1-.42 1.22 5.78 5.78 0 0 0-3.16 0A1.94 1.94 0 0 1 28 7a2 2 0 0 1 4 0z"
/>
<path
fill="#ffeb3a"
d="M36 14v6H24v-6a6 6 0 0 1 4.42-5.78 5.78 5.78 0 0 1 3.16 0 5.84 5.84 0 0 1 2.66 1.54A5.94 5.94 0 0 1 36 14z"
/>
<path
fill="#fdd834"
d="M34.24 9.76a5.84 5.84 0 0 0-2.66-1.54A5.48 5.48 0 0 0 30 8a5.71 5.71 0 0 0-1.5.2h.08a5.84 5.84 0 0 1 2.66 1.54A5.94 5.94 0 0 1 33 14v6h3v-6a5.94 5.94 0 0 0-1.76-4.24z"
/>
<path
fill="#ffdc00"
d="M38 22v2H22v-2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2z"
/>
<g fill="#000">
<path
d="M60 20.81v-.12a.84.84 0 0 0-.06-.14s0-.07-.05-.1l-.06-.05-.11-.11v-.06L45.38 9.81a17 17 0 0 0-30.77 0L.41 20.19v.06l-.11.11-.06.05-.05.1a.84.84 0 0 0-.06.14.53.53 0 0 0 0 .12.49.49 0 0 0 0 .12A.14.14 0 0 0 0 21v34a5 5 0 0 0 1 2.94V58s.06 0 .08.07A5 5 0 0 0 5 60h50a5 5 0 0 0 3.92-1.93L59 58v-.06A5 5 0 0 0 60 55V20.93a.49.49 0 0 1 0-.12zM58 55a2.82 2.82 0 0 1-.16.92L35.37 39.5 58 23zm-55.84.92A2.82 2.82 0 0 1 2 55V23l22.63 16.5zM4.06 22h9.69a17 17 0 0 0 32.5 0h9.69L32.27 39.29a4 4 0 0 1-4.52 0zm51.88-2h-9.22c.18-.99.273-1.994.28-3a17.08 17.08 0 0 0-.46-3.87zM30 2c8.284 0 15 6.716 15 15 0 8.284-6.716 15-15 15s-15-6.716-15-15c0-8.284 6.716-15 15-15zM13.28 20H4.06l9.4-6.86A16.92 16.92 0 0 0 13 17c.007 1.006.1 2.01.28 3zM5 58a3 3 0 0 1-1.63-.49l23-16.77.27.19A5.94 5.94 0 0 0 30 42a6.07 6.07 0 0 0 3.44-1.07l.25-.18 23 16.77A3 3 0 0 1 55 58z"
/>
<path
d="M22 25h4a4 4 0 1 0 8 0h4a1 1 0 0 0 1-1v-2a3 3 0 0 0-2-2.82V14a7 7 0 0 0-4.08-6.35A2.82 2.82 0 0 0 33 7a3 3 0 0 0-6 0c.001.219.028.437.08.65A7 7 0 0 0 23 14v5.18A3 3 0 0 0 21 22v2a1 1 0 0 0 1 1zm8 2a2 2 0 0 1-2-2h4a2 2 0 0 1-2 2zM29 7a1 1 0 0 1 2 0v.08a6.17 6.17 0 0 0-2 0zm-4 7a5 5 0 0 1 10 0v5H25zm-2 8a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v1H23z"
/>
</g>
</g>
</svg>
More icons in the same style and category