Music Player

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="271"
        x2="271"
        y1="481"
        y2="0"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#addcff" />
        <stop offset=".503" stop-color="#eaf6ff" />
        <stop offset="1" stop-color="#eaf6ff" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="256"
        x2="256"
        y1="512"
        y2="90"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#5558ff" />
        <stop offset="1" stop-color="#00c0ff" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M451 225v-60c0-24.814-20.186-45-45-45H286c-24.814 0-45 20.186-45 45v60c0 24.814 20.186 45 45 45h120c24.814 0 45-20.186 45-45zM241 376c0 57.891 47.109 105 105 105s105-47.109 105-105-47.109-106-105-106-105 48.109-105 106zm120-271C361 47.109 313.891 0 256 0S151 47.109 151 105v90c0 8.276-6.738 15-15 15h-30c-8.291 0-15 6.709-15 15s6.709 15 15 15h30c5.284 0 10.285-1.082 15-2.763V346c0 8.276-6.738 15-15 15h-30c-8.291 0-15 6.709-15 15s6.709 15 15 15h30c24.814 0 45-20.186 45-45V105c0-41.353 33.633-75 75-75s75 33.647 75 75c0 8.291 6.709 15 15 15s15-6.709 15-15z"
    />
    <path
        fill="url(#b)"
        d="M346 361c-8.284 0-15 6.716-15 15s6.716 15 15 15 15-6.716 15-15-6.716-15-15-15zm90-271H256c-24.901 0-45 20.099-45 45v332c0 24.899 20.099 45 45 45h180c24.901 0 45-20.101 45-45V135c0-24.901-20.099-45-45-45zm-90 361c-41.4 0-75-33.6-75-75s33.6-75 75-75 75 33.6 75 75-33.6 75-75 75zm75-226c0 8.399-6.599 15-15 15H286c-8.401 0-15-6.601-15-15v-60c0-8.401 6.599-15 15-15h120c8.401 0 15 6.599 15 15zM76 180c-24.814 0-45 20.186-45 45s20.186 45 45 45 45-20.186 45-45-20.186-45-45-45zm0 151c-24.814 0-45 20.186-45 45s20.186 45 45 45 45-20.186 45-45-20.186-45-45-45z"
    />
</svg>