Add icons to this collection by clicking the heart icon.
Message icon - also known as message, chat, smartphone, communications, chatting app, and dating app. Created in a clean outline 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 512 512"
>
<g>
<rect width="288" height="480" x="116" y="16" fill="#0f213b" rx="40" />
<path
fill="#25364e"
d="M195.842 331.175c-13.2-5.051-23.992-14.426-30.015-27.21q-.315-.672-.654-1.338-1.051-2.07-2.267-3.994c-5.373-8.516-8.027-18.514-5.986-28.375A49.983 49.983 0 0 0 116 210.807V456a40 40 0 0 0 40 40h.7l15.762-8.006a50.094 50.094 0 0 0 23.746-63.43 50.984 50.984 0 0 0 4.366-1.948 50.091 50.091 0 0 0-4.728-91.441z"
/>
<path
fill="#64a5f8"
d="M148 64a16 16 0 0 1 16-16h40l24 16h64l24-16h40a16 16 0 0 1 16 16v384a16 16 0 0 1-16 16H164a16 16 0 0 1-16-16z"
/>
<path
fill="#3c4c60"
d="M163.842 331.175c-13.2-5.051-23.992-14.426-30.015-27.21q-.315-.672-.654-1.338-1.051-2.07-2.267-3.994c-5.373-8.516-8.027-18.514-5.986-28.375a48.924 48.924 0 0 0-8.92-39.917V456a39.833 39.833 0 0 0 19.816 34.352l4.642-2.358a50.094 50.094 0 0 0 23.746-63.43 50.984 50.984 0 0 0 4.366-1.948 50.091 50.091 0 0 0-4.728-91.441z"
/>
<path
fill="#84b7f9"
d="M195.357 464a50.024 50.024 0 0 0 .847-39.436 50.984 50.984 0 0 0 4.366-1.948 50.091 50.091 0 0 0-4.728-91.441c-13.2-5.051-23.992-14.426-30.015-27.21q-.315-.672-.654-1.338-1.051-2.07-2.267-3.994c-5.373-8.516-8.027-18.514-5.986-28.375a48.924 48.924 0 0 0-8.92-39.917V448a16 16 0 0 0 16 16z"
/>
<path
fill="#f5b953"
d="M212 288v48a16 16 0 0 0 16 16h96a16 16 0 0 0 16-16v-48a16 16 0 0 0-16-16h-24l-24-24-8 24h-40a16 16 0 0 0-16 16z"
/>
<path
fill="#f8cd82"
d="M340 336v-48a16 16 0 0 0-16-16h-24l-24-24-8 24h-4.671a62.228 62.228 0 0 1-6.178 20.628A52.484 52.484 0 0 0 265.788 352H324a16 16 0 0 0 16-16z"
/>
<path
fill="#25364e"
d="M364 16H263.714a52.212 52.212 0 0 0 13.121 19.2 68.051 68.051 0 0 1 20.2 33.8c.072.3.147.591.225.886l.075.282a61.669 61.669 0 0 1-4.471 44.032 52.491 52.491 0 0 0 60.355 74.238 53.176 53.176 0 0 0 4.773-1.52A52.513 52.513 0 0 0 404 221.57V56a40 40 0 0 0-40-40z"
/>
<path
fill="#3c4c60"
d="M404 56a40 40 0 0 0-40-40h-57.028l-.019.084a24.952 24.952 0 0 1 12.736 20.4 51.739 51.739 0 0 0 1.573 9.4l.075.282a61.669 61.669 0 0 1-4.471 44.034 52.491 52.491 0 0 0 60.355 74.238 53.176 53.176 0 0 0 4.773-1.52A52.109 52.109 0 0 0 404 189.8z"
/>
<path
fill="#84b7f9"
d="M372 207.8V64a16 16 0 0 0-16-16h-40l-21.21 14.14a65.263 65.263 0 0 1 2.247 6.86c.072.3.147.591.225.886l.075.282a61.669 61.669 0 0 1-4.471 44.032 52.491 52.491 0 0 0 60.355 74.238 53.176 53.176 0 0 0 4.773-1.52A51.961 51.961 0 0 0 372 207.8z"
/>
<path
fill="#25364e"
d="M292 432h-64a16 16 0 0 0-16 16v16h96v-16a16 16 0 0 0-16-16z"
/>
<path
fill="#a4cafb"
d="M164.2 424.564a50.984 50.984 0 0 0 4.366-1.948 50.091 50.091 0 0 0-4.728-91.441A57.084 57.084 0 0 1 148 321.84V448a15.967 15.967 0 0 0 15.384 15.938 50.028 50.028 0 0 0 .816-39.374zM356 48h-34.255a61.617 61.617 0 0 1-4.879 42.2A52.491 52.491 0 0 0 372 165.534V64a16 16 0 0 0-16-16z"
/>
<path
fill="#f5b953"
d="M308 192v-48a16 16 0 0 0-16-16h-96a16 16 0 0 0-16 16v48a16 16 0 0 0 16 16h24l24 24 8-24h40a16 16 0 0 0 16-16z"
/>
<path
fill="#f8cd82"
d="M292 128h-52.671a62.228 62.228 0 0 1-6.178 20.628 52.444 52.444 0 0 0 16.549 66.259L252 208h40a16 16 0 0 0 16-16v-48a16 16 0 0 0-16-16z"
/>
<path
d="M364 8H156a48.052 48.052 0 0 0-48 48v400a48.052 48.052 0 0 0 48 48h208a48.052 48.052 0 0 0 48-48V56a48.052 48.052 0 0 0-48-48zm32 448a32.036 32.036 0 0 1-32 32H156a32.036 32.036 0 0 1-32-32V56a32.036 32.036 0 0 1 32-32h208a32.036 32.036 0 0 1 32 32z"
/>
<path
d="M356 40h-40a8.011 8.011 0 0 0-4.438 1.344L289.578 56h-59.156l-21.984-14.656A8.011 8.011 0 0 0 204 40h-40a24.027 24.027 0 0 0-24 24v280a8 8 0 0 0 16 0V64a8.011 8.011 0 0 1 8-8h37.578l21.984 14.656A8.011 8.011 0 0 0 228 72h64a8.011 8.011 0 0 0 4.438-1.344L318.422 56H356a8.011 8.011 0 0 1 8 8v56a8 8 0 0 0 16 0V64a24.027 24.027 0 0 0-24-24zM372 144a8 8 0 0 0-8 8v296a8.011 8.011 0 0 1-8 8h-40v-8a24.027 24.027 0 0 0-24-24h-64a24.027 24.027 0 0 0-24 24v8h-40a8.011 8.011 0 0 1-8-8v-72a8 8 0 0 0-16 0v72a24.027 24.027 0 0 0 24 24h192a24.027 24.027 0 0 0 24-24V152a8 8 0 0 0-8-8zM220 448a8.011 8.011 0 0 1 8-8h64a8.011 8.011 0 0 1 8 8v8h-80z"
/>
<path
d="M244 48h32a8 8 0 0 0 0-16h-32a8 8 0 0 0 0 16zM292 120h-96a24.027 24.027 0 0 0-24 24v48a24.027 24.027 0 0 0 24 24h20.688l21.656 21.656a8 8 0 0 0 13.246-3.125L257.766 216H292a24.027 24.027 0 0 0 24-24v-48a24.027 24.027 0 0 0-24-24zm8 72a8.011 8.011 0 0 1-8 8h-40a8 8 0 0 0-7.59 5.469l-3.91 11.722-14.848-14.847A8 8 0 0 0 220 200h-24a8.011 8.011 0 0 1-8-8v-48a8.011 8.011 0 0 1 8-8h96a8.011 8.011 0 0 1 8 8z"
/>
<path
d="M244 160h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16zM276 160h-8a8 8 0 0 0 0 16h8a8 8 0 0 0 0-16zM281.656 242.344a8 8 0 0 0-13.246 3.125L262.234 264H228a24.027 24.027 0 0 0-24 24v48a24.027 24.027 0 0 0 24 24h96a24.027 24.027 0 0 0 24-24v-48a24.027 24.027 0 0 0-24-24h-20.688zM332 288v48a8.011 8.011 0 0 1-8 8h-96a8.011 8.011 0 0 1-8-8v-48a8.011 8.011 0 0 1 8-8h40a8 8 0 0 0 7.59-5.469l3.906-11.722 14.848 14.847A8 8 0 0 0 300 280h24a8.011 8.011 0 0 1 8 8z"
/>
<path
d="M276 304h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16zM292 312a8 8 0 0 0 8 8h8a8 8 0 0 0 0-16h-8a8 8 0 0 0-8 8z"
/>
</g>
</svg>
More icons in the same style and category