Add icons to this collection by clicking the heart icon.
Online Chat icon - also known as message, smartphone, messenger, speech bubble, communications, and online chat. Created in a clean lineal color 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 512 512"
>
    <path
        fill="#78b9eb"
        d="M384 112V36a19.994 19.994 0 0 0-20-20H148a19.994 19.994 0 0 0-20 20v440a19.994 19.994 0 0 0 20 20h216a19.994 19.994 0 0 0 20-20V304"
    />
    <path fill="#787680" d="M296 48h-80l-8-32h96z" />
    <path
        fill="#ff9811"
        d="M475.979 184H336l-48 48v-48h-28a20 20 0 0 1-20-20v-56a20 20 0 0 1 20-20h215.821a20 20 0 0 1 20 19.979l.158 56a20 20 0 0 1-20 20.021z"
    />
    <g fill="#d8d7da">
        <circle cx="368" cy="136" r="16" />
        <circle cx="304" cy="136" r="16" />
        <circle cx="432" cy="136" r="16" />
    </g>
    <path
        fill="#ff9811"
        d="M36 361h139.979l48 48v-48h28a20 20 0 0 0 20-20v-56a20 20 0 0 0-20-20H36.158a20 20 0 0 0-20 19.979l-.158 56A20 20 0 0 0 36 361z"
    />
    <circle cx="143.979" cy="313" r="16" fill="#d8d7da" />
    <circle cx="207.979" cy="313" r="16" fill="#d8d7da" />
    <circle cx="79.979" cy="313" r="16" fill="#d8d7da" />
    <path
        d="M503.82 107.97a28.031 28.031 0 0 0-28-27.97H392V36a28.031 28.031 0 0 0-28-28H148a28.031 28.031 0 0 0-28 28v221H36.16a28.035 28.035 0 0 0-28 27.96L8 340.97A28 28 0 0 0 36 369h84v107a28.031 28.031 0 0 0 28 28h216a28.031 28.031 0 0 0 28-28V192h83.98a28 28 0 0 0 28-28.04zM293.75 24l-4 16h-67.5l-4-16zM36 353a12 12 0 0 1-12-12l.16-56.01a12.02 12.02 0 0 1 12-11.99h215.82a12.01 12.01 0 0 1 12 12v56a12.01 12.01 0 0 1-12 12h-28a8 8 0 0 0-8 8v28.69l-34.34-34.35a8.008 8.008 0 0 0-5.66-2.34zm340 123a12.01 12.01 0 0 1-12 12H148a12.01 12.01 0 0 1-12-12V369h36.67l45.65 45.66a8 8 0 0 0 13.66-5.66v-40h20a28.031 28.031 0 0 0 28-28v-56a28.031 28.031 0 0 0-28-28H136V36a12.01 12.01 0 0 1 12-12h53.75l6.49 25.94A8 8 0 0 0 216 56h80a8 8 0 0 0 7.76-6.06L310.25 24H364a12.01 12.01 0 0 1 12 12v44H260a28.031 28.031 0 0 0-28 28v56a28.031 28.031 0 0 0 28 28h20v40a8 8 0 0 0 13.66 5.66L339.31 192H376zm108.47-303.52a11.921 11.921 0 0 1-8.49 3.52H336a8.008 8.008 0 0 0-5.66 2.34L296 212.69V184a8 8 0 0 0-8-8h-28a12.01 12.01 0 0 1-12-12v-56a12.01 12.01 0 0 1 12-12h215.82a12.022 12.022 0 0 1 12 12l.16 55.99a11.928 11.928 0 0 1-3.51 8.49z"
    />
    <path
        d="M368 112a24 24 0 1 0 24 24 24.027 24.027 0 0 0-24-24zm0 32a8 8 0 1 1 8-8 8.009 8.009 0 0 1-8 8zM304 112a24 24 0 1 0 24 24 24.027 24.027 0 0 0-24-24zm0 32a8 8 0 1 1 8-8 8.009 8.009 0 0 1-8 8zM432 112a24 24 0 1 0 24 24 24.027 24.027 0 0 0-24-24zm0 32a8 8 0 1 1 8-8 8.009 8.009 0 0 1-8 8zM167.979 313a24 24 0 1 0-24 24 24.027 24.027 0 0 0 24-24zm-32 0a8 8 0 1 1 8 8 8.009 8.009 0 0 1-8-8zM207.979 337a24 24 0 1 0-24-24 24.027 24.027 0 0 0 24 24zm0-32a8 8 0 1 1-8 8 8.009 8.009 0 0 1 8-8zM79.979 289a24 24 0 1 0 24 24 24.027 24.027 0 0 0-24-24zm0 32a8 8 0 1 1 8-8 8.009 8.009 0 0 1-8 8z"
    />
</svg>
More icons in the same style and category