Add icons to this collection by clicking the heart icon.
Chat icon - also known as message, chat, conversation, comment, speech bubble, messages, commerce and shopping, dialogue, comments, and chat box. 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 64 64"
>
    <linearGradient
        id="a"
        x1="-7.771"
        x2="58.835"
        y1="61.331"
        y2="12.209"
        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="-12.548"
        x2="54.058"
        y1="54.854"
        y2="5.732"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="-6.517"
        x2="60.089"
        y1="63.031"
        y2="13.91"
        href="#a"
    />
    <g>
        <path
            fill="url(#a)"
            d="M53.629 11H10.371A7.38 7.38 0 0 0 3 18.371v27.258A7.38 7.38 0 0 0 10.371 53H11v7a1 1 0 0 0 1.372.929L32.192 53h21.437A7.38 7.38 0 0 0 61 45.629V18.371A7.38 7.38 0 0 0 53.629 11zM59 45.629A5.378 5.378 0 0 1 53.629 51H32a1.012 1.012 0 0 0-.372.071L13 58.523V52a1 1 0 0 0-1-1h-1.629A5.378 5.378 0 0 1 5 45.629V18.371A5.378 5.378 0 0 1 10.371 13h43.258A5.378 5.378 0 0 1 59 18.371z"
        />
        <path
            fill="url(#b)"
            d="M50 19H14a3 3 0 0 0 0 6h36a3 3 0 0 0 0-6zm0 4H14a1 1 0 0 1 0-2h36a1 1 0 0 1 0 2z"
        />
        <path
            fill="url(#a)"
            d="M50 29H14a3 3 0 0 0 0 6h36a3 3 0 0 0 0-6zm0 4H14a1 1 0 0 1 0-2h36a1 1 0 0 1 0 2z"
        />
        <path
            fill="url(#c)"
            d="M30 39H14a3 3 0 0 0 0 6h16a3 3 0 0 0 0-6zm0 4H14a1 1 0 0 1 0-2h16a1 1 0 0 1 0 2z"
        />
    </g>
</svg>
More icons in the same style and category