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 511.993 511.993"
>
    <linearGradient
        id="a"
        x1="69.654"
        x2="416.136"
        y1="448.212"
        y2="101.73"
        gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#2499ff" />
        <stop offset="1" stop-color="#004db1" />
    </linearGradient>
    <circle cx="255.996" cy="255.996" r="255.996" fill="url(#a)" />
    <linearGradient
        id="b"
        x1="67.895"
        x2="414.045"
        y1="295.911"
        y2="295.911"
        gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#00e8f2" />
        <stop offset="1" stop-color="#00b7be" />
    </linearGradient>
    <path
        d="M108.41 363.013c-12.686 0-23.066-10.38-23.066-23.066V128.284c0-12.686 10.38-23.066 23.066-23.066h320.209c12.686 0 23.066 10.38 23.066 23.066v211.663c0 12.686-10.38 23.066-23.066 23.066H108.41z"
        fill="url(#b)"
    />
    <linearGradient
        id="c"
        x1="67.895"
        x2="414.045"
        y1="244.678"
        y2="244.678"
        gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff" />
        <stop offset="1" stop-color="#c8c6cc" />
    </linearGradient>
    <path
        d="M403.59 128.782H83.382c-12.686 0-23.066 10.38-23.066 23.066v211.663c0 12.686 10.38 23.066 23.066 23.066h63.788v59.94l90.371-59.94h166.05c12.686 0 23.066-10.38 23.066-23.066V151.849c-.001-12.687-10.381-23.067-23.067-23.067z"
        fill="url(#c)"
    />
    <linearGradient
        id="d"
        x1="67.895"
        x2="414.045"
        y1="309.947"
        y2="309.947"
        gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#00e8f2" />
        <stop offset="1" stop-color="#00b7be" />
    </linearGradient>
    <path d="M129.931 202.268h234.388v34.364H129.931z" fill="url(#d)" />
    <linearGradient
        id="e"
        x1="84.385"
        x2="430.535"
        y1="464.685"
        y2="118.195"
        gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#2499ff" />
        <stop offset="1" stop-color="#004db1" />
    </linearGradient>
    <path d="M129.931 202.268h234.388v24.812H129.931z" fill="url(#e)" />
    <linearGradient
        id="f"
        x1="67.895"
        x2="414.045"
        y1="236.767"
        y2="236.767"
        gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#00e8f2" />
        <stop offset="1" stop-color="#00b7be" />
    </linearGradient>
    <path d="M129.931 278.733h234.388v34.364H129.931z" fill="url(#f)" />
    <linearGradient
        id="g"
        x1="47.795"
        x2="393.945"
        y1="428.131"
        y2="81.641"
        gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#2499ff" />
        <stop offset="1" stop-color="#004db1" />
    </linearGradient>
    <path d="M129.931 278.733h234.388v24.812H129.931z" fill="url(#g)" />
</svg>
More icons in the same style and category