Add icons to this collection by clicking the heart icon.
Chat Bubble icon - also known as communication, message, chat, smartphone, speech bubble, multimedia, ui, chat bubble, communications, and chat box. Created in a clean flat 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"
>
    <path
        fill="#8aaed9"
        fill-rule="evenodd"
        d="M21.296 4.107h28.349c3.458 0 6.316 2.83 6.316 6.316V54.32c0 3.486-2.858 6.316-6.316 6.316H21.296c-3.458 0-6.315-2.83-6.315-6.316V10.424c-.001-3.486 2.857-6.317 6.315-6.317z"
        clip-rule="evenodd"
    />
    <path
        fill="#a7c3e3"
        fill-rule="evenodd"
        d="M14.98 20.655h7.289v24.177H14.98z"
        clip-rule="evenodd"
    />
    <g fill-rule="evenodd" clip-rule="evenodd">
        <path
            fill="#a7c3e3"
            d="M21.296 8.138h28.349a2.292 2.292 0 0 1 2.286 2.286V54.32a2.292 2.292 0 0 1-2.286 2.286H21.296a2.292 2.292 0 0 1-2.286-2.286V10.424a2.292 2.292 0 0 1 2.286-2.286z"
        />
        <path fill="#8aaed9" d="M19.01 47.833V15.854" />
    </g>
    <path
        fill="#b8cde6"
        fill-rule="evenodd"
        d="M19.01 44.832V20.655h10.603c2 0 3.629 1.629 3.629 3.629v16.919c0 2-1.629 3.629-3.629 3.629z"
        clip-rule="evenodd"
    />
    <path
        fill="#56445d"
        fill-rule="evenodd"
        d="M55.961 47.633v6.688c0 3.486-2.858 6.316-6.316 6.316H21.296c-3.458 0-6.315-2.83-6.315-6.316v-6.688z"
        clip-rule="evenodd"
    />
    <path
        fill="#726378"
        fill-rule="evenodd"
        d="M19.01 47.633h32.921v6.688a2.292 2.292 0 0 1-2.286 2.286H21.296a2.292 2.292 0 0 1-2.286-2.286z"
        clip-rule="evenodd"
    />
    <g fill-rule="evenodd" clip-rule="evenodd">
        <path
            fill="#ffc762"
            d="M33.171 22.216H16.085c-1.049 0-1.917.852-1.917 1.9v11.86a1.93 1.93 0 0 0 1.917 1.917h9.943l4.047 4.014a.713.713 0 0 0 .786.164.727.727 0 0 0 .459-.672v-3.506h1.851c1.032 0 1.901-.868 1.901-1.917v-11.86c0-1.049-.869-1.9-1.901-1.9z"
        />
        <path
            fill="#ffaf19"
            d="M23.015 22.216h-6.93c-1.049 0-1.917.852-1.917 1.9v11.517h6.504a2.343 2.343 0 0 0 2.343-2.343z"
        />
    </g>
    <path
        fill="#df3975"
        fill-rule="evenodd"
        d="M5.272 12.91h20.952a2.34 2.34 0 0 1 2.344 2.326v14.548a2.343 2.343 0 0 1-2.344 2.343H14.037l-4.98 4.931c-.246.263-.622.328-.966.197a.895.895 0 0 1-.541-.819v-4.309H5.272a2.34 2.34 0 0 1-2.326-2.343V15.236a2.336 2.336 0 0 1 2.326-2.326z"
        clip-rule="evenodd"
    />
    <path
        fill="#e56090"
        fill-rule="evenodd"
        d="M2.963 30.111c-.017-.114-.017-.213-.017-.327V17.693h12.762c.982 0 1.802.819 1.802 1.803v8.813c0 .983-.819 1.802-1.802 1.802z"
        clip-rule="evenodd"
    />
    <g fill="#8aaed9">
        <path d="M31.041 11.91h8.858v2h-8.858zM42.5 11.91h3.544v2H42.5z" />
    </g>
    <g fill="#56445d">
        <path
            d="M11.038 21.412h9.422v2h-9.422zM11.038 25.95h9.422v2h-9.422zM11.038 16.693h5.604v2h-5.604z"
        />
    </g>
</svg>
More icons in the same style and category