Add icons to this collection by clicking the heart icon.
Chat icon - also known as technology, computer, screen, chat, monitor, ui, electronics, and communications. Created in a clean lineal color style with a white, silver, gray, black, red, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="M240.005 34.286h32.65v72h-32.65z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#3e4b5a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M240.005 34.286h20v72h-20z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#22303a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-404.231c-20.083 0-36.421 16.338-36.421 36.42v331.871c0 20.082 16.338 36.42 36.421 36.42H0c20.082 0 36.42-16.338 36.42-36.42V36.42C36.42 16.338 20.082 0 0 0"
transform="translate(458.446 99.773)"
fill="#576574"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v331.87c0 20.082 16.338 36.421 36.421 36.421h-20C-3.662 368.291-20 351.952-20 331.87V0c0-20.082 16.338-36.42 36.421-36.42h20C16.338-36.42 0-20.082 0 0"
transform="translate(37.793 136.194)"
fill="#3e4b5a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-129.253c-6.875 0-12.447-5.572-12.447-12.446v-7.757c0-6.874 5.572-12.446 12.447-12.446H0c6.875 0 12.447 5.572 12.447 12.446v7.757C12.447-5.572 6.875 0 0 0"
transform="translate(320.957 40.165)"
fill="#576574"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-129.253c-4.647 0-8.692 2.551-10.83 6.325A12.377 12.377 0 0 1-141.7.203v-7.757c0-6.873 5.572-12.446 12.447-12.446H0c6.875 0 12.447 5.573 12.447 12.446V.203c0 2.227-.593 4.313-1.617 6.122C8.692 2.551 4.647 0 0 0"
transform="translate(320.957 27.516)"
fill="#3e4b5a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-2.207 0-4.071-1.864-4.071-4.07v-331.87c0-2.206 1.864-4.07 4.071-4.07h404.231c2.206 0 4.07 1.864 4.07 4.07V-4.07c0 2.206-1.864 4.07-4.07 4.07z"
transform="translate(54.215 472.134)"
fill="#e4eaf8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v331.87c0 2.206 1.864 4.07 4.071 4.07h-20c-2.207 0-4.071-1.864-4.071-4.07V0c0-2.206 1.864-4.07 4.071-4.07h20C1.864-4.07 0-2.206 0 0"
transform="translate(70.144 136.194)"
fill="#ccd2db"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-404.231c-2.207 0-4.071-1.864-4.071-4.07v-32.591H4.07V-4.07C4.07-1.864 2.206 0 0 0"
transform="translate(458.446 472.134)"
fill="#54a0ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-40.92c-2.207 0-4.072-1.864-4.072-4.07v-32.591H0Z"
transform="translate(95.135 472.134)"
fill="#ff6b6b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-2.207 0-4.071-1.864-4.071-4.07v-32.591h20V-4.07C15.929-1.864 17.792 0 20 0Z"
transform="translate(54.215 472.134)"
fill="#ee5253"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-11.031 6.106a2.079 2.079 0 0 0-1.072 1.818v20.059c0 3.881-3.175 7.057-7.057 7.057h-237.464c-3.881 0-7.056-3.176-7.056-7.057v-58.348c0-3.881 3.175-7.056 7.056-7.056H-19.16c3.882 0 7.057 3.175 7.057 7.056v19.776c0 .931.505 1.788 1.32 2.239L0-2.381A1.36 1.36 0 0 1 0 0"
transform="translate(394.237 283.646)"
fill="#54a0ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 11.031 6.105a2.079 2.079 0 0 1 1.072 1.818v20.06c0 3.881 3.176 7.057 7.057 7.057h237.464c3.881 0 7.056-3.176 7.056-7.057v-58.348c0-3.881-3.175-7.057-7.056-7.057H19.16c-3.881 0-7.057 3.176-7.057 7.057v19.776a2.56 2.56 0 0 1-1.32 2.239L0-2.382A1.361 1.361 0 0 0 0 0"
transform="translate(118.422 191.346)"
fill="#feca57"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 11.031 6.106a2.077 2.077 0 0 1 1.072 1.818v20.059c0 3.881 3.176 7.057 7.057 7.057h237.464c3.881 0 7.056-3.176 7.056-7.057v-58.348c0-3.881-3.175-7.056-7.056-7.056H19.16c-3.881 0-7.057 3.175-7.057 7.056v19.776c0 .931-.505 1.788-1.32 2.239L0-2.382A1.361 1.361 0 0 0 0 0"
transform="translate(118.422 375.947)"
fill="#feca57"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-11.031 6.106a2.077 2.077 0 0 0-1.072 1.818v-18.513c0 .931.505 1.788 1.32 2.239L0-2.382A1.361 1.361 0 0 1 0 0"
transform="translate(394.237 283.646)"
fill="#338def"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-237.464c-3.881 0-7.056 3.176-7.056 7.057v-19.674c0-3.881 3.175-7.056 7.056-7.056H0c3.881 0 7.057 3.175 7.057 7.056V7.057C7.057 3.176 3.881 0 0 0"
transform="translate(375.078 265.898)"
fill="#338def"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-.755-.41-1.452-1.072-1.818l-11.031-6.105a1.361 1.361 0 0 1 0-2.382l10.783-5.968A2.56 2.56 0 0 0 0-18.513Z"
transform="translate(130.525 199.27)"
fill="#f4b537"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-237.464c-3.881 0-7.056 3.175-7.056 7.057v-19.674c0-3.881 3.175-7.057 7.056-7.057H0c3.881 0 7.057 3.176 7.057 7.057V7.057C7.057 3.175 3.881 0 0 0"
transform="translate(375.046 173.598)"
fill="#f4b537"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-.756-.41-1.452-1.072-1.818l-11.031-6.106a1.361 1.361 0 0 1 0-2.382l10.783-5.968A2.558 2.558 0 0 0 0-18.513Z"
transform="translate(130.525 383.87)"
fill="#f4b537"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-237.464c-3.881 0-7.056 3.176-7.056 7.057v-19.674c0-3.881 3.175-7.056 7.056-7.056H0c3.881 0 7.057 3.175 7.057 7.056V7.057C7.057 3.176 3.881 0 0 0"
transform="translate(375.046 358.199)"
fill="#f4b537"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M239.675 40.165h32.649v59.608h-32.649z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-2.208 0-4.071-1.864-4.071-4.07v-331.87c0-2.206 1.863-4.07 4.071-4.07h404.231c2.206 0 4.07 1.864 4.07 4.07V-4.07c0 2.206-1.864 4.07-4.07 4.07z"
transform="translate(53.885 472.134)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-404.231c-2.207 0-4.071-1.864-4.071-4.07v-32.591H4.07V-4.07C4.07-1.864 2.206 0 0 0Z"
transform="translate(458.116 472.134)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-40.92c-2.208 0-4.072-1.864-4.072-4.07v-32.591H0Z"
transform="translate(94.806 472.134)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-11.031 6.106a2.079 2.079 0 0 0-1.072 1.818v20.059c0 3.881-3.175 7.057-7.057 7.057h-237.463c-3.881 0-7.057-3.176-7.057-7.057v-58.348c0-3.881 3.176-7.056 7.057-7.056H-19.16c3.882 0 7.057 3.175 7.057 7.056v19.776a2.56 2.56 0 0 0 1.32 2.239L0-2.381A1.36 1.36 0 0 1 0 0Z"
transform="translate(393.907 283.646)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 11.031 6.105a2.08 2.08 0 0 1 1.072 1.818v20.06c0 3.881 3.175 7.057 7.057 7.057h237.464c3.88 0 7.056-3.176 7.056-7.057v-58.348c0-3.881-3.176-7.057-7.056-7.057H19.16c-3.882 0-7.057 3.176-7.057 7.057v19.776c0 .93-.506 1.788-1.32 2.239L0-2.382A1.361 1.361 0 0 0 0 0Z"
transform="translate(118.093 191.346)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 11.031 6.106a2.079 2.079 0 0 1 1.072 1.818v20.059c0 3.881 3.175 7.057 7.057 7.057h237.464c3.88 0 7.056-3.176 7.056-7.057v-58.348c0-3.881-3.176-7.056-7.056-7.056H19.16c-3.882 0-7.057 3.175-7.057 7.056v19.776a2.56 2.56 0 0 1-1.32 2.239L0-2.382A1.361 1.361 0 0 0 0 0Z"
transform="translate(118.093 375.947)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0"
transform="translate(171.53 282.455)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0"
transform="translate(204.886 282.455)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0"
transform="translate(271.6 282.455)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0"
transform="translate(238.243 282.455)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0"
transform="translate(304.957 282.455)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0"
transform="translate(338.314 282.455)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0"
transform="translate(171.53 374.756)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0"
transform="translate(204.886 374.756)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0"
transform="translate(271.6 374.756)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0"
transform="translate(238.243 374.756)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0"
transform="translate(304.957 374.756)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0"
transform="translate(338.314 374.756)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0"
transform="translate(171.53 190.155)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0"
transform="translate(204.886 190.155)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0"
transform="translate(271.6 190.155)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0"
transform="translate(238.243 190.155)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0"
transform="translate(304.957 190.155)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0"
transform="translate(338.314 190.155)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h47.126c6.875 0 12.448 5.573 12.448 12.446v7.757c0 6.874-5.573 12.446-12.448 12.446H-82.126c-6.875 0-12.447-5.572-12.447-12.446v-7.757C-94.573 5.573-89.001 0-82.126 0H-35"
transform="translate(273.5 7.516)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v164.24c0 20.082-16.338 36.421-36.421 36.421h-404.23c-20.084 0-36.422-16.339-36.422-36.421v-331.87c0-20.082 16.338-36.42 36.422-36.42h404.23C-16.338-204.05 0-187.712 0-167.63V-35"
transform="translate(494.537 303.824)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category