Add icons to this collection by clicking the heart icon.
Chat icon - also known as message, chat, conversation, comment, talk, speech bubble, dialogue, and communications. Created in a clean gradient style, 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 36 36"
>
<linearGradient
id="a"
x1="-2.793"
x2="25.13"
y1="32.351"
y2="1.983"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".04" stop-color="#fee72e" />
<stop offset=".117" stop-color="#fed51b" />
<stop offset=".196" stop-color="#fdca10" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".669" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<linearGradient
id="b"
x1="9.424"
x2="37.346"
y1="43.584"
y2="13.216"
href="#a"
/>
<linearGradient
id="c"
x1="-6.586"
x2="21.336"
y1="28.864"
y2="-1.505"
href="#a"
/>
<linearGradient
id="d"
x1="1"
x2="28.923"
y1="35.839"
y2="5.471"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M26.582 23A2.42 2.42 0 0 0 29 20.582V5.418A2.42 2.42 0 0 0 26.582 3H3.418A2.42 2.42 0 0 0 1 5.418v15.164A2.42 2.42 0 0 0 3.418 23H5v4a1 1 0 0 0 1.537.844L14.148 23zM13.32 21.156 7 25.178V22a1 1 0 0 0-1-1H3.418A.418.418 0 0 1 3 20.582V5.418A.419.419 0 0 1 3.418 5h23.164a.418.418 0 0 1 .418.418v15.164a.418.418 0 0 1-.418.418H13.857a1 1 0 0 0-.537.156z"
/>
<path
fill="url(#b)"
d="M32.909 14.115H32a1 1 0 0 0 0 2h.909a.091.091 0 0 1 .091.091v11.665a.09.09 0 0 1-.091.09h-1.986a1 1 0 0 0-1 1v2.025l-4.507-2.868a1 1 0 0 0-.537-.157h-9.788a.09.09 0 0 1-.091-.09V26a1 1 0 0 0-2 0v1.871a2.093 2.093 0 0 0 2.091 2.09h9.5l5.8 3.69a1 1 0 0 0 1.537-.843v-2.847h.986A2.093 2.093 0 0 0 35 27.871V16.206a2.093 2.093 0 0 0-2.091-2.091z"
/>
<path
fill="url(#a)"
d="M15 10a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
/>
<path
fill="url(#c)"
d="M8 10a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
/>
<path
fill="url(#d)"
d="M22 10a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
/>
</g>
</svg>
More icons in the same style and category