Audio

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 300 300"
>
    <linearGradient
        id="a"
        x1="36.287"
        x2="211.713"
        y1="237.713"
        y2="62.287"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#107eff" />
        <stop offset="1" stop-color="#8f16ff" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M224 114a4 4 0 1 1 8 0 4 4 0 0 1-8 0zm15.656 34 3.172-3.172a4 4 0 1 0-5.656-5.656L234 142.344l-3.172-3.172a4 4 0 1 0-5.656 5.656l3.172 3.172-3.172 3.172a4 4 0 1 0 5.656 5.656l3.172-3.172 3.172 3.172c.781.781 1.805 1.172 2.828 1.172s2.047-.391 2.828-1.172a4 4 0 0 0 0-5.656zm.344 48c0 7.719-6.281 14-14 14s-14-6.281-14-14 6.281-14 14-14 14 6.281 14 14zm-8 0c0-3.309-2.691-6-6-6s-6 2.691-6 6 2.691 6 6 6 6-2.691 6-6zM192 51.502v196.996c0 11.855-9.592 21.502-21.383 21.502H77.383C65.592 270 56 260.354 56 248.498V51.502C56 39.646 65.592 30 77.383 30h93.236C182.408 30 192 39.646 192 51.502zm-8 0C184 44.057 177.998 38 170.619 38h-18.86c-1.145 6.794-7.029 12-14.144 12h-27.23c-7.115 0-12.999-5.206-14.144-12H77.383C70.004 38 64 44.057 64 51.502v196.996C64 255.943 70.004 262 77.383 262h93.234c7.379 0 13.383-6.057 13.383-13.502zM180 130c0 30.879-25.121 56-56 56s-56-25.121-56-56 25.121-56 56-56 56 25.121 56 56zm-8 0c0-26.467-21.533-48-48-48s-48 21.533-48 48 21.533 48 48 48 48-21.533 48-48zm-28 120h-40a4 4 0 0 0 0 8h40a4 4 0 0 0 0-8zm28-44h-72a4 4 0 0 0-8 0H76a4 4 0 0 0 0 8h16a4 4 0 0 0 8 0h72a4 4 0 0 0 0-8zm-16-76c0 6.617-5.383 12-12 12v16a3.997 3.997 0 0 1-4 4 3.988 3.988 0 0 1-2.059-.57L118.893 150h-12.486C100.668 150 96 145.332 96 139.594v-19.188c0-5.738 4.668-10.406 10.406-10.406h12.486l19.049-11.43a3.992 3.992 0 0 1 4.029-.051 3.997 3.997 0 0 1 2.029 3.48v16C150.617 118 156 123.383 156 130zm-20-20.936-12 7.2v27.47l12 7.2z"
    />
</svg>