Music Player

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="-.663"
        x2="65.067"
        y1="62.337"
        y2="-3.394"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#003f8a" />
        <stop offset=".518" stop-color="#00d7df" />
        <stop offset="1" stop-color="#006df0" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="-13.845"
        x2="51.886"
        y1="49.155"
        y2="-16.575"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="-13.5"
        x2="52.231"
        y1="49.5"
        y2="-16.231"
        href="#a"
    />
    <linearGradient id="d" x1="-2" x2="63.731" y1="61" y2="-4.731" href="#a" />
    <linearGradient
        id="e"
        x1="-5.5"
        x2="60.231"
        y1="57.5"
        y2="-8.231"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="1.5"
        x2="67.231"
        y1="64.5"
        y2="-1.231"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="-1.75"
        x2="63.981"
        y1="61.25"
        y2="-4.481"
        href="#a"
    />
    <linearGradient
        id="h"
        x1="-1.25"
        x2="64.481"
        y1="61.75"
        y2="-3.981"
        href="#a"
    />
    <g>
        <path
            fill="url(#a)"
            d="M58 7H6a5.006 5.006 0 0 0-5 5v18a5.006 5.006 0 0 0 5 5h34v6.257l-1.646-1.647a3 3 0 0 0-4.3 4.189l5.046 6.673 1.948 5.844A1 1 0 0 0 42 57h13a1 1 0 0 0 .976-.783l2-9A.988.988 0 0 0 58 47v-7a3 3 0 0 0-4.1-2.789 3 3 0 0 0-4.9-1.445 3.113 3.113 0 0 0-3-.595V35h12a5.006 5.006 0 0 0 5-5V12a5.006 5.006 0 0 0-5-5zM43 26a2.981 2.981 0 0 0-2 .78V24h5v5a3 3 0 0 0-3-3zm4 11a1 1 0 0 1 1 1v2a1 1 0 0 0 2 0v-2a1 1 0 0 1 2 0v3a1 1 0 0 0 2 0v-1a1 1 0 0 1 2 0v6.89L54.2 55H42.721l-1.772-5.316a1.037 1.037 0 0 0-.149-.284l-5.182-6.854a1.11 1.11 0 0 0-.091-.1 1 1 0 0 1 1.414-1.414l3.354 3.353A1 1 0 0 0 42 43.671V29a1 1 0 0 1 2 0v11a1 1 0 0 0 2 0v-2a1 1 0 0 1 1-1zm14-7a3 3 0 0 1-3 3H46v-2h1a1 1 0 0 0 1-1v-7a1 1 0 0 0-1-1h-7a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1v2H6a3 3 0 0 1-3-3V12a3 3 0 0 1 3-3h52a3 3 0 0 1 3 3z"
        />
        <path
            fill="url(#b)"
            d="m20.138 20.144-6.621-4A1 1 0 0 0 12 17v8a1 1 0 0 0 1.517.856l6.621-4a1 1 0 0 0 0-1.712zM14 23.228v-4.456L17.687 21z"
        />
        <path
            fill="url(#c)"
            d="M15 11a10 10 0 1 0 10 10 10.011 10.011 0 0 0-10-10zm0 18a8 8 0 1 1 8-8 8.009 8.009 0 0 1-8 8z"
        />
        <path
            fill="url(#d)"
            d="M36 22h-7a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1v-7a1 1 0 0 0-1-1zm-1 7h-5v-5h5z"
        />
        <path fill="url(#e)" d="M29 14h20a1 1 0 0 0 0-2H29a1 1 0 0 0 0 2z" />
        <path fill="url(#f)" d="M52 14h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2z" />
        <path fill="url(#g)" d="M58 15H29a1 1 0 0 0 0 2h29a1 1 0 0 0 0-2z" />
        <path fill="url(#h)" d="M54 18H29a1 1 0 0 0 0 2h25a1 1 0 0 0 0-2z" />
    </g>
</svg>