Add icons to this collection by clicking the heart icon.
Chat icon - also known as communication, chat, conversation, speech bubble, multimedia, and communications. Created in a clean lineal color style with a white and navy 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="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M96 490.667a10.52 10.52 0 0 1-4.083-.813A10.672 10.672 0 0 1 85.334 480v-74.667H42.667C19.146 405.333 0 386.198 0 362.667V64c0-23.531 19.146-42.667 42.667-42.667h426.667C492.854 21.333 512 40.469 512 64v298.667c0 23.531-19.146 42.667-42.667 42.667H185.75l-82.208 82.208A10.668 10.668 0 0 1 96 490.667z"
fill="#303c42"
/>
<path
d="M42.667 42.667c-11.771 0-21.333 9.573-21.333 21.333v298.667c0 11.76 9.563 21.333 21.333 21.333H96a10.66 10.66 0 0 1 10.667 10.667v59.583l67.125-67.125c2-2 4.708-3.125 7.542-3.125h288c11.771 0 21.333-9.573 21.333-21.333V64c0-11.76-9.563-21.333-21.333-21.333H42.667z"
fill="#e6e6e6"
/>
<path
d="M42.667 42.667c-11.771 0-21.333 9.573-21.333 21.333v298.667c0 11.76 9.563 21.333 21.333 21.333H96a10.66 10.66 0 0 1 10.667 10.667v59.583l67.125-67.125c2-2 4.708-3.125 7.542-3.125h288c11.771 0 21.333-9.573 21.333-21.333V64c0-11.76-9.563-21.333-21.333-21.333H42.667z"
fill="#e6e6e6"
/>
<path
d="M96 362.667C96 356.771 89.321 352 81.067 352H21.333v10.667C21.333 374.427 34.721 384 51.2 384H96v-21.333zM469.333 42.667h-10.667v288c0 11.76-9.563 21.333-21.333 21.333h-288a10.66 10.66 0 0 0-7.542 3.125l-35.866 35.866c.428 1.155.741 2.371.741 3.676v59.583l67.125-67.125c2-2 4.708-3.125 7.542-3.125h288c11.771 0 21.333-9.573 21.333-21.333V64c.001-11.76-9.562-21.333-21.333-21.333z"
opacity=".1"
/>
<linearGradient
id="a"
x1="-47.923"
x2="-22.509"
y1="641.313"
y2="629.456"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M96 490.667a10.52 10.52 0 0 1-4.083-.813A10.672 10.672 0 0 1 85.334 480v-74.667H42.667C19.146 405.333 0 386.198 0 362.667V64c0-23.531 19.146-42.667 42.667-42.667h426.667C492.854 21.333 512 40.469 512 64v298.667c0 23.531-19.146 42.667-42.667 42.667H185.75l-82.208 82.208A10.668 10.668 0 0 1 96 490.667z"
fill="url(#a)"
/>
</svg>
More icons in the same style and category