Add icons to this collection by clicking the heart icon.
Chat icon - also known as interface, communication, message, chat, conversation, writing, talk, speech bubble, communications, bubble speech, and negotiating. Created in a clean lineal color style with a white, black, yellow, 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>
<clipPath id="b" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="M0 0v-159.735h-447.259l-47.921 47.921V47.921h335.445l47.92 39.933V47.921h63.894z"
transform="matrix(1.33333 0 0 -1.33333 670.935 458.473)"
fill="#ffe451"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-159.735h-335.444l-47.921-39.934v39.934h-63.894l-47.921 47.921V47.921h447.259z"
transform="matrix(1.33333 0 0 -1.33333 670.935 75.108)"
fill="#31e8bb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-63.894v-159.735l47.921-47.921h63.894L0-159.735Z"
transform="matrix(1.33333 0 0 -1.33333 95.887 11.214)"
fill="#1cb28b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h63.895v159.735l-47.921 47.921h-63.895L0 159.735Z"
transform="matrix(1.33333 0 0 -1.33333 585.742 671.453)"
fill="#fbb040"
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 0v-55.907l47.921-47.921h63.894v-39.934l47.92 39.934H495.18V55.907l-47.921 47.921H327.457"
transform="translate(8.021 399.762)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-303.497v-79.868"
transform="translate(311.519 503.59)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v63.894l-47.921 47.92h-63.894v39.934l-47.92-39.934h-95.842"
transform="translate(503.201 104.252)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-215.643v-159.735l47.921-47.921h447.259v71.881"
transform="translate(223.664 216.066)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="M0 0h-39.934v-39.934"
transform="matrix(1.33333 0 0 -1.33333 106.536 53.81)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-15.974"
transform="matrix(1.33333 0 0 -1.33333 53.292 128.353)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-39.934h-55.907"
transform="matrix(1.33333 0 0 -1.33333 628.339 575.612)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15.974"
transform="matrix(1.33333 0 0 -1.33333 511.2 628.857)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<g clip-path="url(#b)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c13.258 0 23.96-10.702 23.96-23.961 0-13.258-10.702-23.96-23.96-23.96-13.258 0-23.96 10.702-23.96 23.96C-23.96-10.702-13.258 0 0 0"
transform="translate(135.81 144.185)"
fill="#d9eef7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c13.258 0 23.96-10.702 23.96-23.961 0-13.258-10.702-23.96-23.96-23.96-13.258 0-23.96 10.702-23.96 23.96C-23.96-10.702-13.258 0 0 0"
transform="translate(239.638 144.185)"
fill="#d9eef7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c13.258 0 23.96-10.702 23.96-23.961 0-13.258-10.702-23.96-23.96-23.96-13.258 0-23.961 10.702-23.961 23.96C-23.961-10.702-13.258 0 0 0"
transform="translate(343.466 144.185)"
fill="#d9eef7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c13.258 0 23.96-10.702 23.96-23.961 0-13.258-10.702-23.96-23.96-23.96-13.259 0-23.961 10.702-23.961 23.96C-23.961-10.702-13.259 0 0 0"
transform="translate(375.413 431.709)"
fill="#d9eef7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c13.258 0 23.96-10.702 23.96-23.961 0-13.258-10.702-23.96-23.96-23.96-13.258 0-23.96 10.702-23.96 23.96C-23.96-10.702-13.258 0 0 0"
transform="translate(271.585 431.709)"
fill="#d9eef7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c13.258 0 23.96-10.702 23.96-23.961 0-13.258-10.702-23.96-23.96-23.96-13.258 0-23.96 10.702-23.96 23.96C-23.96-10.702-13.258 0 0 0"
transform="translate(167.757 431.709)"
fill="#d9eef7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-13.258-10.703-23.96-23.96-23.96-13.258 0-23.961 10.702-23.961 23.96 0 13.259 10.703 23.961 23.961 23.961C-10.703 23.961 0 13.259 0 0Z"
transform="translate(191.717 407.748)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-13.258-10.702-23.96-23.96-23.96-13.258 0-23.96 10.702-23.96 23.96 0 13.259 10.702 23.961 23.96 23.961C-10.702 23.961 0 13.259 0 0Z"
transform="translate(295.545 407.748)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-13.258-10.702-23.96-23.96-23.96-13.259 0-23.961 10.702-23.961 23.96 0 13.259 10.702 23.961 23.961 23.961C-10.702 23.961 0 13.259 0 0Z"
transform="translate(399.373 407.748)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-13.258-10.702-23.96-23.96-23.96-13.258 0-23.96 10.702-23.96 23.96 0 13.259 10.702 23.961 23.96 23.961C-10.702 23.961 0 13.259 0 0Z"
transform="translate(159.77 120.225)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-13.258-10.702-23.96-23.96-23.96-13.258 0-23.96 10.702-23.96 23.96 0 13.259 10.702 23.961 23.96 23.961C-10.702 23.961 0 13.259 0 0Z"
transform="translate(263.598 120.225)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-13.258-10.702-23.96-23.96-23.96-13.258 0-23.961 10.702-23.961 23.96 0 13.259 10.703 23.961 23.961 23.961S0 13.259 0 0Z"
transform="translate(367.426 120.225)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15.974"
transform="translate(31.982 184.12)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15.974"
transform="translate(31.982 152.172)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15.973"
transform="translate(63.93 184.12)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15.974"
transform="translate(463.267 327.88)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15.974"
transform="translate(463.267 359.828)"
fill="none"
stroke="#231f20"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15.973"
transform="translate(431.32 327.88)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category