Add icons to this collection by clicking the heart icon.
Chat icon - also known as communication, chat, mobile phone, conversation, speech bubble, multimedia, and communications. Created in a clean circular style with a white, gray, teal, orange, and pink 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 491.52 491.52"
>
<circle cx="245.76" cy="245.76" r="245.76" fill="#45b39c" />
<path
d="M325.478 104.981H166.042c-7.27 0-13.107 5.837-13.107 13.056v255.437c0 3.379 1.331 6.502 3.482 8.858l.819.819 107.563 107.564c120.546-9.246 216.692-105.405 225.919-225.956L334.797 108.872a13.031 13.031 0 0 0-9.319-3.891z"
opacity=".1"
/>
<path
d="M325.5 104.96H166.02c-7.236 0-13.102 5.865-13.102 13.102v255.397c0 7.236 5.866 13.102 13.102 13.102H325.5c7.236 0 13.102-5.865 13.102-13.102V118.061c0-7.236-5.866-13.101-13.102-13.101z"
fill="#64798a"
/>
<path d="M173.399 132.419h144.742v213.519H173.399z" fill="#ebf0f3" />
<path d="M173.399 333.926h144.742v12.037H173.399z" fill="#e1e6e9" />
<path
d="M245.76 379.805c-7.895 0-14.315-6.42-14.315-14.315s6.42-14.32 14.315-14.32 14.315 6.425 14.315 14.32c0 7.895-6.42 14.315-14.315 14.315zm0-23.515c-5.07 0-9.195 4.125-9.195 9.2 0 5.07 4.125 9.195 9.195 9.195s9.195-4.125 9.195-9.195c0-5.075-4.125-9.2-9.195-9.2z"
fill="#3a556a"
/>
<path
d="M304.136 203.525h-76.888a2.66 2.66 0 0 0-2.66 2.66v28.046h39.686c3.914 0 7.098 3.185 7.098 7.1v13.293h5.614l15.588 15.588c1.256 1.256 3.403.366 3.403-1.41v-14.178h8.159a2.66 2.66 0 0 0 2.66-2.66v-45.779a2.66 2.66 0 0 0-2.66-2.66z"
fill="#27a2db"
/>
<path
d="M262.49 234.231h-19.061a6.04 6.04 0 0 1-3.202.93c-1.179 0-2.27-.35-3.202-.93h-12.437v17.733a2.66 2.66 0 0 0 2.66 2.66h44.125v-13.293c0-2.835-1.681-5.269-4.09-6.406a6.016 6.016 0 0 1-1.59.237 6.038 6.038 0 0 1-3.203-.931z"
fill="#2d93ba"
/>
<path
d="M246.313 229.074a6.087 6.087 0 1 0-12.174 0c0 2.183 1.159 4.083 2.885 5.157h6.404c1.726-1.074 2.885-2.973 2.885-5.157z"
fill="#ebf0f3"
/>
<path
d="M243.428 234.231h-6.404c.932.58 2.023.93 3.202.93a6.03 6.03 0 0 0 3.202-.93z"
fill="#e1e6e9"
/>
<path
d="M271.778 229.074a6.087 6.087 0 1 0-12.174 0c0 2.183 1.159 4.083 2.885 5.157h1.784a7.02 7.02 0 0 1 3.009.694c2.585-.703 4.496-3.043 4.496-5.851z"
fill="#ebf0f3"
/>
<path
d="M262.49 234.231c.932.58 2.023.93 3.202.93.553 0 1.08-.098 1.59-.237a7.013 7.013 0 0 0-3.009-.694h-1.783z"
fill="#e1e6e9"
/>
<circle cx="291.159" cy="229.074" r="6.088" fill="#ebf0f3" />
<path
d="M264.273 238.67h-76.889a2.66 2.66 0 0 0-2.66 2.66v45.779a2.66 2.66 0 0 0 2.66 2.66h8.159v14.178c0 1.777 2.148 2.666 3.404 1.41l15.588-15.588h49.738a2.66 2.66 0 0 0 2.66-2.66V241.33a2.66 2.66 0 0 0-2.66-2.66z"
fill="#fcd462"
/>
<circle cx="200.346" cy="264.218" r="6.088" fill="#dc8744" />
<circle cx="225.843" cy="264.218" r="6.088" fill="#dc8744" />
<circle cx="251.29" cy="264.218" r="6.088" fill="#dc8744" />
<path
d="M266.992 115.813h-42.464a3.89 3.89 0 1 0 0 7.778h42.464a3.89 3.89 0 1 0 0-7.778z"
fill="#3a556a"
/>
<circle cx="207.892" cy="119.7" r="3.891" fill="#3a556a" />
</svg>
More icons in the same style and category