Add icons to this collection by clicking the heart icon.
Chat icon - also known as communication, chat, people, conversation, users, group, team, multimedia, and business and finance. Created in a clean flat style with a white, red, yellow, teal, navy, 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 520 520"
>
<path
fill="#fd5c5c"
d="M385.28 470h-28.89v-25.56c0-25.771 20.891-46.66 46.67-46.66h7.771c25.78 0 46.67 20.89 46.67 46.66V470h-28.89zM148.61 470H76.39v-25.56c0-25.771 20.89-46.66 46.67-46.66h7.77c25.78 0 46.67 20.89 46.67 46.66V470z"
/>
<path
fill="#3256c1"
d="M305.28 490H177.5V435.889c0-35.159 28.5-63.67 63.67-63.67h51.55c35.16 0 63.67 28.511 63.67 63.67V490z"
/>
<g fill="#ffd5ab">
<path
d="M406.94 340c15.96 0 28.89 12.93 28.89 28.89 0 15.95-12.93 28.891-28.89 28.891-15.95 0-28.891-12.94-28.891-28.891.001-15.96 12.941-28.89 28.891-28.89zM266.95 270c28.22 0 51.109 22.88 51.109 51.11 0 28.229-22.89 51.109-51.109 51.109-28.23 0-51.12-22.88-51.12-51.109 0-28.23 22.89-51.11 51.12-51.11zM126.94 340c15.96 0 28.89 12.93 28.89 28.89 0 15.95-12.93 28.891-28.89 28.891-15.95 0-28.88-12.94-28.88-28.891 0-15.96 12.93-28.89 28.88-28.89z"
/>
</g>
<circle cx="452.5" cy="295" r="30" fill="#bce4ff" />
<path
fill="#bce4ff"
d="M57.5 55c11.05 0 20 8.95 20 20s-8.95 20-20 20-20-8.95-20-20 8.95-20 20-20z"
/>
<path
fill="#ffd400"
d="M422.5 105v100.33c0 13.63-11.04 24.67-24.67 24.67H367.5v-60.33c0-13.63-11.04-24.67-24.67-24.67H131.5v-43.33c0-13.63 11.04-24.67 24.67-24.67H317.5l45-47v47h35.33c13.63 0 24.67 11.04 24.67 24.67z"
/>
<path
fill="#3eea91"
d="M367.5 230v15.33c0 13.63-11.04 24.67-24.67 24.67H196.5l-64 40v-40h-31.33c-13.63 0-24.67-11.04-24.67-24.67v-75.66c0-13.63 11.04-24.67 24.67-24.67H342.83c13.63 0 24.67 11.04 24.67 24.67z"
/>
<g fill="#313a52">
<circle cx="450" cy="232.5" r="7.5" />
<circle cx="435" cy="52.5" r="7.5" />
<circle cx="365" cy="312.5" r="7.5" />
<circle cx="180" cy="52.5" r="7.5" />
<circle cx="60" cy="132.5" r="7.5" />
<circle cx="60" cy="312.5" r="7.5" />
</g>
<g fill="#26aa5f">
<path
d="M117.5 185h210a5 5 0 1 0 0-10h-210a5 5 0 0 0 0 10zM327.5 200h-210a5 5 0 0 0 0 10h210a5 5 0 1 0 0-10zM327.5 225h-210a5 5 0 0 0 0 10h210a5 5 0 1 0 0-10z"
/>
</g>
<path
fill="#163eb1"
d="M233.61 461.67a5 5 0 1 0-10 0V490h10zM310.28 461.67c0-2.762-2.238-5-5-5s-5 2.238-5 5V490h10z"
/>
<g fill="#dd3131">
<path
d="M105.28 443.33a5 5 0 0 0-5 5V470h10v-21.67a5 5 0 0 0-5-5zM148.61 443.33a5 5 0 0 0-5 5V470h10v-21.67a5 5 0 0 0-5-5zM385.28 443.33a5 5 0 0 0-5 5V470h10v-21.67a5 5 0 0 0-5-5zM428.61 443.33a5 5 0 0 0-5 5V470h10v-21.67a5 5 0 0 0-5-5z"
/>
</g>
</svg>
More icons in the same style and category