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="-42.251"
x2="-26.45"
y1="640.832"
y2="625.031"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M341.333 42.667c-63.488 0-121.429 35.84-150.613 91.691-13.248-3.883-27.008-6.357-41.387-6.357C67.008 128 0 194.987 0 277.333c0 48.235 23.04 92.949 62.016 121.173L43.2 455.317c-1.365 4.096-.107 8.597 3.136 11.435 2.005 1.685 4.501 2.581 6.997 2.581 1.621 0 3.264-.384 4.8-1.131l83.157-41.792c49.899 2.965 97.152-19.776 126.933-59.2 22.721 10.795 47.702 16.79 73.11 16.79 9.685 0 18.944-.768 27.605-2.261l84.843 43.755a10.703 10.703 0 0 0 4.885 1.173c2.411 0 4.8-.811 6.741-2.411a10.64 10.64 0 0 0 3.52-11.136l-19.179-68.224c39.104-32 62.251-80.64 62.251-131.563.001-94.101-76.564-170.666-170.666-170.666zm-85.269 305.344c-25.536 38.549-69.973 59.947-116.288 56.917-1.899-.149-3.797.256-5.483 1.109l-62.72 31.531L84.8 397.589a10.703 10.703 0 0 0-4.352-12.331c-37.013-23.851-59.115-64.192-59.115-107.925 0-70.592 57.408-128 128-128 15.104 0 29.589 2.517 43.115 7.488 50.773 18.197 84.885 66.624 84.885 120.512 0 25.174-7.36 49.622-21.269 70.678zm175.104-15.638c-3.541 2.624-5.077 7.189-3.904 11.435l14.485 51.499-66.283-34.219c-2.176-1.131-4.651-1.493-7.019-.96-8.32 1.664-17.451 2.539-27.115 2.539-21.333 0-42.304-4.821-61.504-13.547 12.117-22.037 18.837-46.528 18.837-71.787 0-58.731-34.965-111.531-87.744-135.552C236.843 94.336 286.72 64 341.333 64c82.325 0 149.333 66.987 149.333 149.333.001 46.699-22.25 91.179-59.498 119.04z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-41.807"
x2="-37.6"
y1="637.088"
y2="632.881"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M224 234.667H74.667c-5.888 0-10.667 4.779-10.667 10.667S68.779 256 74.667 256H224c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.666-10.667-10.666z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-41.807"
x2="-37.6"
y1="634.088"
y2="629.881"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M224 298.667H74.667c-5.888 0-10.667 4.779-10.667 10.667S68.779 320 74.667 320H224c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.666-10.667-10.666z"
fill="url(#c)"
/>
</svg>
More icons in the same style and category