Add icons to this collection by clicking the heart icon.
Chat icon - also known as technology, computer, message, chat, conversation, notification, messages, ui, chat bubble, electronics, and communications. Created in a clean flat style with a silver, yellow, olive, 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="512"
height="512"
viewBox="0 0 64 64"
>
<rect width="58" height="42" x="3" y="3" fill="#aae1f9" rx="2" />
<path
fill="#57b7eb"
d="M13 19V3H5a2 2 0 0 0-2 2v38a2 2 0 0 0 2 2h54a2 2 0 0 0 2-2v-6H31a18 18 0 0 1-18-18z"
/>
<path
fill="#fcbc04"
d="M39 45H25l-4 8h22zM14 53h36a2 2 0 0 1 2 2v2H12v-2a2 2 0 0 1 2-2z"
/>
<path fill="#f9e109" d="M18 53h32a2 2 0 0 1 2 2H20a2 2 0 0 1-2-2z" />
<path fill="#e59730" d="M39 45H25l-4 8z" />
<path fill="#fcbc04" d="M3 40h58v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-3z" />
<path fill="#f9e109" d="M9 40h52v2H11a2 2 0 0 1-2-2z" />
<circle cx="52" cy="22" r="7" fill="#c4f236" />
<path
fill="#a1d51c"
d="M55 27a7 7 0 0 1-5.24-11.63 7 7 0 1 0 7.48 11.26A7.16 7.16 0 0 1 55 27z"
/>
<circle cx="52" cy="22" r="3" fill="#f9e109" />
<path
fill="#f9e109"
d="M53 25h-2a2 2 0 0 0-2 2v1.32a7 7 0 0 0 6 0V27a2 2 0 0 0-2-2z"
/>
<path
fill="#fcbc04"
d="M53 23a3 3 0 0 1-3-3v-.24a3 3 0 1 0 5 2.48 3 3 0 0 1-2 .76zM49 27v1.32a7 7 0 0 0 6 0V27a7 7 0 0 1-4.74-1.86A2 2 0 0 0 49 27z"
/>
<circle cx="12" cy="32" r="7" fill="#c4f236" />
<path
fill="#a1d51c"
d="M15 37a7 7 0 0 1-5.24-11.63 7 7 0 1 0 7.48 11.26A7.16 7.16 0 0 1 15 37z"
/>
<circle cx="12" cy="32" r="3" fill="#f9e109" />
<path
fill="#f9e109"
d="M13 35h-2a2 2 0 0 0-2 2v1.32a7 7 0 0 0 6 0V37a2 2 0 0 0-2-2z"
/>
<path
fill="#fcbc04"
d="M13 33a3 3 0 0 1-3-3v-.24a3 3 0 1 0 5 2.48 3 3 0 0 1-2 .76zM9 37v1.32a7 7 0 0 0 6 0V37a7 7 0 0 1-4.74-1.86A2 2 0 0 0 9 37z"
/>
<path
fill="#57b7eb"
d="M32 14H20a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h1v6l4-6h7a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2z"
/>
<path
fill="#c4f236"
d="M30 33h20a2 2 0 0 1 2 2v4h-4v22H26V37a4 4 0 0 1 4-4z"
/>
<path
fill="#a1d51c"
d="M50 33H30a4 4 0 0 0-4 4v24h22v-6h-8a8 8 0 0 1-8-8V37a2 2 0 0 1 2-2h14v4h4v-4a2 2 0 0 0-2-2z"
/>
<path fill="#7ab92d" d="M52 39h-4v-4a2 2 0 0 1 2-2 2 2 0 0 1 2 2v4z" />
<path fill="#fcbc04" d="M30 37h6v6h-6z" />
<path fill="#e59730" d="M30 37h2v6h-2z" />
<g fill="#fcbc04">
<path
d="M44 40h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2zM44 44h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2zM44 48H30a1 1 0 0 1 0-2h14a1 1 0 0 1 0 2zM44 52H30a1 1 0 0 1 0-2h14a1 1 0 0 1 0 2z"
/>
</g>
<path fill="#f9e109" d="M44 56H30a1 1 0 0 1 0-2h14a1 1 0 0 1 0 2z" />
<path
fill="#e59730"
d="M29 47a1 1 0 0 0 1 1h2.07a8.26 8.26 0 0 1-.07-1v-1h-2a1 1 0 0 0-1 1zM29 51a1 1 0 0 0 1 1h3.76a7.84 7.84 0 0 1-1.17-2H30a1 1 0 0 0-1 1z"
/>
<path
fill="#fcbc04"
d="M29 55a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1h-5a7.93 7.93 0 0 1-3.87-1H30a1 1 0 0 0-1 1z"
/>
<path
fill="#f89c8d"
d="M40.63 16.68A8 8 0 1 0 35 19a7.68 7.68 0 0 0 1.93-.25L43 23z"
/>
<path
fill="#f9e109"
d="M35 14a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1 1 1 0 1 0-1-1 1 1 0 0 1-2 0 3 3 0 1 1 4 2.83V13a1 1 0 0 1-1 1z"
/>
<circle cx="35" cy="16" r="1" fill="#f9e109" />
<path fill="#c4f236" d="M28 23h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2z" />
<circle cx="22" cy="18" r="1" fill="#c4f236" />
<circle cx="26" cy="18" r="1" fill="#c4f236" />
</svg>
More icons in the same style and category