Speaker

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 32 32"
>
    <linearGradient
        id="c"
        x1="5.51"
        x2="26.912"
        y1="16"
        y2="16"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#4793eb" />
        <stop offset="1" stop-color="#2367ec" />
    </linearGradient>
    <linearGradient
        id="a"
        x1="11.404"
        x2="20.596"
        y1="15.904"
        y2="25.096"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff" />
        <stop offset=".337" stop-color="#fbfbfb" />
        <stop offset=".653" stop-color="#eff1f2" />
        <stop offset=".96" stop-color="#dde1e2" />
        <stop offset="1" stop-color="#dadfe0" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="14.232"
        x2="17.768"
        y1="18.732"
        y2="22.268"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#edf1f2" />
        <stop offset="1" stop-color="#c6cbcc" />
    </linearGradient>
    <linearGradient
        id="d"
        x1="13.525"
        x2="18.475"
        y1="6.025"
        y2="10.975"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="14.939"
        x2="17.061"
        y1="7.439"
        y2="9.561"
        href="#b"
    />
    <path
        fill="url(#c)"
        d="M22 30H10c-2.757 0-5-2.243-5-5V7c0-2.757 2.243-5 5-5h12c2.757 0 5 2.243 5 5v18c0 2.757-2.243 5-5 5z"
    />
    <circle cx="16" cy="20.5" r="6.5" fill="url(#a)" />
    <circle cx="16" cy="20.5" r="2.5" fill="url(#b)" />
    <circle cx="16" cy="8.5" r="3.5" fill="url(#d)" />
    <circle cx="16" cy="8.5" r="1.5" fill="url(#e)" />
</svg>