Cap

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="2"
        x2="62"
        y1="48"
        y2="48"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#2193b0" />
        <stop offset="1" stop-color="#6dd5ed" />
    </linearGradient>
    <linearGradient id="b" x1="38" x2="42" y1="49" y2="49" href="#a" />
    <path
        fill="url(#a)"
        d="M43 38.355V38a4 4 0 0 0-8 0v.355A23.039 23.039 0 0 0 16.021 60H3a1 1 0 0 0 0 2h58a1 1 0 0 0 1-1 23.034 23.034 0 0 0-19-22.645zM37 38a2 2 0 0 1 4 0zm2 2a21.024 21.024 0 0 1 19 12.079A7.005 7.005 0 0 0 52 59v1H27v-7a1 1 0 0 0-1-1h-5.963a21.064 21.064 0 0 1 1.1-2H35a1 1 0 0 0 0-2H22.547A20.955 20.955 0 0 1 39 40zM18.216 58H22a1 1 0 0 0 0-2h-3.4a20.671 20.671 0 0 1 .6-2H25v6h-6.977c.032-.676.099-1.342.193-2zM54 60v-1a5 5 0 0 1 4.807-4.981A20.881 20.881 0 0 1 59.977 60z"
    />
    <path fill="url(#b)" d="M39 50h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2z" />
</svg>