Music Player

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="3.5"
        x2="60.64"
        y1="60.5"
        y2="3.36"
        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="8.25"
        x2="65.39"
        y1="65.25"
        y2="8.11"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="-.689"
        x2="56.451"
        y1="56.311"
        y2="-.829"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="11.75"
        x2="68.89"
        y1="68.75"
        y2="11.61"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="15.25"
        x2="72.39"
        y1="72.25"
        y2="15.11"
        href="#a"
    />
    <linearGradient id="f" x1="-7" x2="50.14" y1="50" y2="-7.14" href="#a" />
    <linearGradient
        id="g"
        x1="-8.75"
        x2="48.39"
        y1="48.25"
        y2="-8.89"
        href="#a"
    />
    <linearGradient
        id="h"
        x1="-15.286"
        x2="41.854"
        y1="41.714"
        y2="-15.426"
        href="#a"
    />
    <linearGradient id="i" x1="-10" x2="47.14" y1="47" y2="-10.14" href="#a" />
    <linearGradient id="j" x1="12" x2="69.14" y1="69" y2="11.86" href="#a" />
    <linearGradient
        id="k"
        x1="14.393"
        x2="71.533"
        y1="71.393"
        y2="14.253"
        href="#a"
    />
    <linearGradient
        id="l"
        x1="21.786"
        x2="78.926"
        y1="78.786"
        y2="21.646"
        href="#a"
    />
    <linearGradient id="m" x1="15" x2="72.14" y1="72" y2="14.86" href="#a" />
    <g>
        <path
            fill="url(#a)"
            d="M45 1H19a5.006 5.006 0 0 0-5 5v52a5.006 5.006 0 0 0 5 5h26a5.006 5.006 0 0 0 5-5V6a5.006 5.006 0 0 0-5-5zm-7.618 2-1 2h-8.764l-1-2zM48 58a3 3 0 0 1-3 3H19a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h5.382l1.723 3.447A1 1 0 0 0 27 7h10a1 1 0 0 0 .9-.553L39.618 3H45a3 3 0 0 1 3 3z"
        />
        <path
            fill="url(#b)"
            d="M44 41H31v-2a1 1 0 0 0-1-1h-3a1 1 0 0 0-1 1v2h-7a1 1 0 0 0 0 2h7v2a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-2h13a1 1 0 0 0 0-2zm-15 3h-1v-4h1z"
        />
        <path
            fill="url(#c)"
            d="M27.523 32.879a1 1 0 0 0 1.021-.04l9.243-6a1 1 0 0 0 0-1.678l-9.243-6A1 1 0 0 0 27 20v12a1 1 0 0 0 .523.879zM29 21.841 35.406 26 29 30.159z"
        />
        <path fill="url(#d)" d="M26 57h-7a1 1 0 0 0 0 2h7a1 1 0 0 0 0-2z" />
        <path fill="url(#e)" d="M30 57h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
        <path
            fill="url(#f)"
            d="M11 27a1 1 0 0 0-1 1v8a1 1 0 0 0 2 0v-8a1 1 0 0 0-1-1z"
        />
        <path
            fill="url(#g)"
            d="M7 22a1 1 0 0 0-1 1v19a1 1 0 0 0 2 0V23a1 1 0 0 0-1-1z"
        />
        <path
            fill="url(#h)"
            d="M7 18a1 1 0 0 0-1 1v.857a1 1 0 0 0 2 0V19a1 1 0 0 0-1-1z"
        />
        <path
            fill="url(#i)"
            d="M3 29a1 1 0 0 0-1 1v8a1 1 0 0 0 2 0v-8a1 1 0 0 0-1-1z"
        />
        <path
            fill="url(#j)"
            d="M53 23a1 1 0 0 0-1 1v8a1 1 0 0 0 2 0v-8a1 1 0 0 0-1-1z"
        />
        <path
            fill="url(#k)"
            d="M57 17a1 1 0 0 0-1 1v21.571a1 1 0 0 0 2 0V18a1 1 0 0 0-1-1z"
        />
        <path
            fill="url(#l)"
            d="M57 42.143a1 1 0 0 0-1 1V44a1 1 0 0 0 2 0v-.857a1 1 0 0 0-1-1z"
        />
        <path
            fill="url(#m)"
            d="M61 21a1 1 0 0 0-1 1v8a1 1 0 0 0 2 0v-8a1 1 0 0 0-1-1z"
        />
    </g>
</svg>