Add icons to this collection by clicking the heart icon.
Chat icon - also known as chat, warning, caution, signaling, notification, alert, error, communications, and error message. Created in a clean lineal color style with a white, silver, 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"
>
<path
fill="#c0dafc"
d="M24.015 21.8A10.013 10.013 0 0 0 31.8 10H58a4 4 0 0 1 4 4v16a4 4 0 0 1-4 4h-1v8l-10-8H28a4 4 0 0 1-4-4v-8.2z"
/>
<path
fill="#d7ecff"
d="M24.015 21.8H24V30a4 4 0 0 0 4 4h19l10 8v-8h.047V14H31.792a10.007 10.007 0 0 1-7.777 7.8z"
/>
<path
fill="#78a0d4"
d="M41.578 34H28a4 4 0 0 1-4-4v-3.983A30.132 30.132 0 0 0 23 26C11.4 26 2 32.716 2 41c0 6.261 5.37 11.626 13 13.873V62l10.127-6.076h.02C35.737 55.154 44 48.767 44 41a11.7 11.7 0 0 0-2.422-7z"
/>
<circle cx="22" cy="12" r="10" fill="#f0ae42" />
<path
fill="#fce797"
d="m20.8 12.019-.769-3.842A1.862 1.862 0 0 1 20 7.82 1.82 1.82 0 0 1 21.82 6h.36A1.82 1.82 0 0 1 24 7.82a1.862 1.862 0 0 1-.035.357l-.765 3.842A1.22 1.22 0 0 1 22 13a1.22 1.22 0 0 1-1.2-.981z"
/>
<circle cx="22" cy="17" r="2" fill="#fce797" />
<g fill="#78a0d4">
<circle cx="35" cy="24" r="2" />
<circle cx="43" cy="24" r="2" />
<circle cx="51" cy="24" r="2" />
</g>
<g fill="#c0dafc">
<path
d="M15 45a2 2 0 1 1 2-2 2 2 0 0 1-2 2zM23 45a2 2 0 1 1 2-2 2 2 0 0 1-2 2zM31 45a2 2 0 1 1 2-2 2 2 0 0 1-2 2z"
/>
</g>
<path
d="M58 9H32.574A11 11 0 1 0 22 23c.338 0 .67-.021 1-.051V25C10.869 25 1 32.178 1 41c0 6.366 5.076 12.04 13 14.61V62a1 1 0 0 0 1.515.857l9.922-5.957C36.6 56.014 45 49.2 45 41a12.388 12.388 0 0 0-1.6-6h3.249l9.726 7.781A1 1 0 0 0 58 42v-7a5.006 5.006 0 0 0 5-5V14a5.006 5.006 0 0 0-5-5zm-45 3a9 9 0 1 1 9 9 9.01 9.01 0 0 1-9-9zm30 29c0 7.2-7.706 13.184-17.921 13.925a1 1 0 0 0-.467.141L16 60.233v-5.36a1 1 0 0 0-.718-.959C7.821 51.717 3 46.647 3 41c0-7.72 8.972-14 20-14v3a5.006 5.006 0 0 0 5 5h13.053A10.51 10.51 0 0 1 43 41zm18-11a3 3 0 0 1-3 3h-1a1 1 0 0 0-1 1v5.919l-8.375-6.7A1 1 0 0 0 47 33H28a3 3 0 0 1-3-3v-7.426A11.013 11.013 0 0 0 33 12c0-.338-.021-.67-.051-1H58a3 3 0 0 1 3 3z"
/>
<path
d="M22.181 5h-.362A2.823 2.823 0 0 0 19 7.82a2.865 2.865 0 0 0 .055.553l.768 3.843a2.22 2.22 0 0 0 4.354 0l.768-3.844A2.818 2.818 0 0 0 22.181 5zm.8 2.98-.768 3.843a.229.229 0 0 1-.432 0l-.768-3.842A.792.792 0 0 1 21 7.82a.82.82 0 0 1 .819-.82h.362a.82.82 0 0 1 .819.82.775.775 0 0 1-.016.16z"
/>
<circle cx="22" cy="17" r="2" />
<circle cx="35" cy="24" r="2" />
<circle cx="43" cy="24" r="2" />
<circle cx="51" cy="24" r="2" />
<circle cx="15" cy="43" r="2" />
<circle cx="23" cy="43" r="2" />
<circle cx="31" cy="43" r="2" />
</svg>
More icons in the same style and category