Live Chat

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 32 32"
>
    <linearGradient
        id="a"
        x1="6"
        x2="26"
        y1="18"
        y2="18"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#64b5f6" />
        <stop offset="1" stop-color="#bbdefb" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="14"
        x2="18"
        y1="27"
        y2="27"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#1565c0" />
        <stop offset="1" stop-color="#1e88e5" />
    </linearGradient>
    <linearGradient
        id="c"
        x1="15"
        x2="17"
        y1="27"
        y2="27"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#1e88e5" />
        <stop offset="1" stop-color="#1565c0" />
    </linearGradient>
    <linearGradient
        id="d"
        x1="9"
        x2="23"
        y1="14"
        y2="14"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#e57373" />
        <stop offset="1" stop-color="#ef9a9a" />
    </linearGradient>
    <linearGradient
        id="e"
        x1="11"
        x2="21"
        y1="7"
        y2="7"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ffb74d" />
        <stop offset="1" stop-color="#ffe0b2" />
    </linearGradient>
    <g>
        <path
            fill="url(#a)"
            d="M26 8.73v18.54A2.73 2.73 0 0 1 23.27 30H8.73A2.73 2.73 0 0 1 6 27.27V8.73A2.73 2.73 0 0 1 8.73 6H12a1 1 0 0 1 1 1 3 3 0 0 0 3 3 3 3 0 0 0 3-3 1 1 0 0 1 1-1h3.27A2.73 2.73 0 0 1 26 8.73z"
        />
        <path
            d="M9.73 30h-1A2.73 2.73 0 0 1 6 27.27V8.73A2.73 2.73 0 0 1 8.73 6h1A2.73 2.73 0 0 0 7 8.73v18.54A2.73 2.73 0 0 0 9.73 30z"
            opacity=".1"
        />
        <path
            fill="#fff"
            d="M26 8.73v18.54A2.73 2.73 0 0 1 23.27 30h-1A2.73 2.73 0 0 0 25 27.27V8.73A2.73 2.73 0 0 0 22.27 6h1A2.73 2.73 0 0 1 26 8.73z"
            opacity=".2"
        />
        <path
            d="M12 29h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2zM22 29h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z"
            opacity=".1"
        />
        <path
            fill="#fff"
            d="M12 28h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2zM22 28h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z"
        />
        <circle cx="16" cy="27" r="2" fill="url(#b)" />
        <circle cx="16" cy="27" r="1" fill="url(#c)" />
        <circle cx="22" cy="21" r="1" opacity=".1" />
        <circle cx="19" cy="21" r="1" opacity=".1" />
        <path d="M16 22h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2z" opacity=".1" />
        <circle cx="22" cy="20" r="1" fill="#fff" />
        <circle cx="19" cy="20" r="1" fill="#fff" />
        <path d="M6 23h20v2H6z" opacity=".1" />
        <path
            fill="#fff"
            d="M6 22h20v2H6zM16 21h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2z"
        />
        <path
            fill="url(#d)"
            d="M21 12.06a6.67 6.67 0 0 0-2.61-1.65A6.82 6.82 0 0 0 16 10a7 7 0 0 0-6.59 4.66A6.82 6.82 0 0 0 9 17a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1 6.89 6.89 0 0 0-2-4.94z"
        />
        <path
            d="M21.42 12.57a6.57 6.57 0 0 0-2.08-1.16A6.82 6.82 0 0 0 17 11a7 7 0 0 0-6.59 4.66A6.82 6.82 0 0 0 10 18a1 1 0 0 1-1-1 6.82 6.82 0 0 1 .41-2.34A7 7 0 0 1 16 10a6.82 6.82 0 0 1 2.34.41A6.67 6.67 0 0 1 21 12.06a5.68 5.68 0 0 1 .42.51z"
            opacity=".1"
        />
        <path
            fill="url(#e)"
            d="M18.5 2.67A5 5 0 1 0 16 12a5 5 0 0 0 2.5-9.33z"
        />
        <path
            d="M20 4a3.39 3.39 0 0 0-.5-.34A5 5 0 0 0 12 8a4.94 4.94 0 0 0 1 3 5 5 0 0 1 5.5-8.33A4.84 4.84 0 0 1 20 4z"
            opacity=".1"
        />
    </g>
</svg>