Audio

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 60 56"
>
    <g fill="none" fill-rule="evenodd">
        <g transform="translate(1 1)">
            <path
                fill="#e8edfc"
                d="M58 8v28a8 8 0 0 1-8 8H36l-5.31 8.35a2.009 2.009 0 0 1-3.38 0L22 44H8a8 8 0 0 1-8-8V8a8 8 0 0 1 8-8h42a8 8 0 0 1 8 8z"
            />
            <path
                fill="#cad9fc"
                d="M27.69 52.35c-.058.08-.121.155-.19.226a2 2 0 0 0 3.19-.226L36 44h-3zM50 0h-3a8 8 0 0 1 8 8v28a8 8 0 0 1-8 8h3a8 8 0 0 0 8-8V8a8 8 0 0 0-8-8z"
            />
            <rect width="12" height="20" x="23" y="6" fill="#a4c2f7" rx="6" />
            <path
                fill="#7facfa"
                d="M29 6c-.506.003-1.01.07-1.5.2A6 6 0 0 1 32 12v8a6 6 0 0 1-4.5 5.8A5.978 5.978 0 0 0 35 20v-8a6 6 0 0 0-6-6z"
            />
            <path
                fill="#a4c2f7"
                d="M26 34h6a3 3 0 0 1 3 3 1 1 0 0 1-1 1H24a1 1 0 0 1-1-1 3 3 0 0 1 3-3z"
            />
            <path
                fill="#7facfa"
                d="M32 34h-3a3 3 0 0 1 3 3 1 1 0 0 1-1 1h3a1 1 0 0 0 1-1 3 3 0 0 0-3-3z"
            />
        </g>
        <path
            fill="#fff"
            d="M9 45h3a8 8 0 0 1-8-8V9a8 8 0 0 1 8-8H9a8 8 0 0 0-8 8v28a8 8 0 0 0 8 8z"
        />
        <path fill="#fff" d="M0 29h2v8H0z" />
        <g fill="#428dff">
            <circle cx="1" cy="33" r="1" />
            <path
                d="M51 0H9a9.01 9.01 0 0 0-9 9v20a1 1 0 0 0 2 0V9a7.008 7.008 0 0 1 7-7h42a7.008 7.008 0 0 1 7 7v28a7.008 7.008 0 0 1-7 7H37a1 1 0 0 0-.844.463l-5.307 8.347a1.039 1.039 0 0 1-1.7 0l-5.309-8.35A1 1 0 0 0 23 44H9a7.008 7.008 0 0 1-7-7 1 1 0 0 0-2 0 9.01 9.01 0 0 0 9 9h13.451l5.017 7.891a3.011 3.011 0 0 0 5.066 0L37.549 46H51a9.01 9.01 0 0 0 9-9V9a9.01 9.01 0 0 0-9-9z"
            />
            <path
                d="M5 10a1 1 0 0 0 1-1 3 3 0 0 1 3-3 1 1 0 1 0 0-2 5.006 5.006 0 0 0-5 5 1 1 0 0 0 1 1zM56 37a1 1 0 0 0-2 0 3 3 0 0 1-3 3 1 1 0 0 0 0 2 5.006 5.006 0 0 0 5-5z"
            />
            <path
                fill-rule="nonzero"
                d="M30 28a7.008 7.008 0 0 0 7-7v-8a7 7 0 0 0-14 0v8a7.008 7.008 0 0 0 7 7zm-5-8h2a1 1 0 0 0 0-2h-2v-2h2a1 1 0 0 0 0-2h-2v-1a5 5 0 0 1 10 0v1h-2a1 1 0 0 0 0 2h2v2h-2a1 1 0 0 0 0 2h2v1a5 5 0 0 1-10 0z"
            />
            <path
                fill-rule="nonzero"
                d="M20 20a1 1 0 0 0-1 1 11.01 11.01 0 0 0 10 10.949V34h-2a4 4 0 0 0-4 4 2 2 0 0 0 2 2h10a2 2 0 0 0 2-2 4 4 0 0 0-4-4h-2v-2.051A11.01 11.01 0 0 0 41 21a1 1 0 0 0-2 0 9 9 0 0 1-18 0 1 1 0 0 0-1-1zm15 18H25a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2z"
            />
        </g>
    </g>
</svg>