Add icons to this collection by clicking the heart icon.
Chat icon - also known as communication, chat, conversation, speech bubble, multimedia, 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="74.981"
x2="437.019"
y1="439.019"
y2="76.981"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#25d9f8" />
<stop offset="1" stop-color="#0080af" />
</linearGradient>
<circle cx="256" cy="256" r="256" fill="url(#a)" />
<linearGradient
id="b"
x1="111.066"
x2="400.935"
y1="258.2"
y2="258.2"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffe875" />
<stop offset="1" stop-color="#fdbf00" />
</linearGradient>
<path
d="M111.066 124v203.814h51.52v59.785l77.449-59.785h160.9V124H111.066z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="166.67"
x2="354.78"
y1="313.567"
y2="313.567"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7b7b7b" />
<stop offset="1" stop-color="#292929" />
</linearGradient>
<path d="M162.59 191.94h187.4v16.985h-187.4z" fill="url(#c)" />
<linearGradient
id="d"
x1="166.67"
x2="354.78"
y1="262.618"
y2="262.618"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7b7b7b" />
<stop offset="1" stop-color="#292929" />
</linearGradient>
<path d="M162.59 242.89h153.43v16.985H162.59z" fill="url(#d)" />
<linearGradient
id="e"
x1="166.67"
x2="354.78"
y1="262.618"
y2="262.618"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7b7b7b" />
<stop offset="1" stop-color="#292929" />
</linearGradient>
<path d="M333 242.89h16.985v16.985H333z" fill="url(#e)" />
</svg>
More icons in the same style and category