Add icons to this collection by clicking the heart icon.
Chat icon - also known as message, chat, smartphone, conversation, speech bubble, social media, and communications. Created in a clean flat style with a silver, gray, red, yellow, 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 512 512"
>
<path
fill="#98f9ff"
d="M408 60v392c0 24.85-20.15 45-45 45H149c-24.85 0-45-20.15-45-45V60c0-24.85 20.15-45 45-45h214c24.85 0 45 20.15 45 45z"
/>
<path
fill="#7dd5f4"
d="M408 60v392c0 24.85-20.15 45-45 45H256V15h107c24.85 0 45 20.15 45 45z"
/>
<path
fill="#756e78"
d="M363 0H149c-33.08 0-60 26.92-60 60v392c0 33.08 26.92 60 60 60h214c33.08 0 60-26.92 60-60V60c0-33.08-26.92-60-60-60zm30 452c0 16.54-13.46 30-30 30H149c-16.54 0-30-13.46-30-30V60c0-16.54 13.46-30 30-30h20.19c2.03 22.94 21.35 41 44.81 41h84c23.46 0 42.78-18.06 44.81-41H363c16.54 0 30 13.46 30 30z"
/>
<path
fill="#544f57"
d="M423 60v392c0 33.08-26.92 60-60 60H256v-30h107c16.54 0 30-13.46 30-30V60c0-16.54-13.46-30-30-30h-20.19c-2.03 22.94-21.35 41-44.81 41h-42V0h107c33.08 0 60 26.92 60 60z"
/>
<path
fill="#ff6a4e"
d="M512 328v80c0 8.28-6.72 15-15 15H355.54l-44.22 29.48a15.015 15.015 0 0 1-15.4.75c-4.88-2.62-7.92-7.7-7.92-13.23V328c0-8.28 6.72-15 15-15h194c8.28 0 15 6.72 15 15z"
/>
<path
fill="#ff3838"
d="M512 328v80c0 8.28-6.72 15-15 15h-97V313h97c8.28 0 15 6.72 15 15z"
/>
<path
fill="#fff17d"
d="M223 136v160c0 5.53-3.04 10.61-7.92 13.23a15.015 15.015 0 0 1-15.4-.75L155.46 279H15c-8.28 0-15-6.72-15-15V136c0-8.28 6.72-15 15-15h193c8.28 0 15 6.72 15 15z"
/>
<path
fill="#ffd845"
d="M223 136v160c0 5.53-3.04 10.61-7.92 13.23a15.015 15.015 0 0 1-15.4-.75L155.46 279H112V121h96c8.28 0 15 6.72 15 15z"
/>
<path
fill="#756e78"
d="M56.02 215c-8.284 0-15.005-6.716-15.005-15s6.71-15 14.995-15h.01c8.284 0 15 6.716 15 15s-6.716 15-15 15zM127.02 200c0 8.28-6.72 15-15 15H112c-8.27-.01-14.98-6.73-14.98-15 0-8.28 6.7-14.99 14.98-15h.02c8.28 0 15 6.72 15 15z"
/>
<path
fill="#544f57"
d="M127.02 200c0 8.28-6.72 15-15 15H112v-30h.02c8.28 0 15 6.72 15 15zM168.02 215c-8.284 0-15.005-6.716-15.005-15s6.71-15 14.995-15h.01c8.284 0 15 6.716 15 15s-6.716 15-15 15z"
/>
</svg>
More icons in the same style and category