Control

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="11"
        x2="11"
        y1="64.23"
        y2="-.815"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#006df0" />
        <stop offset="1" stop-color="#00e7f0" />
    </linearGradient>
    <linearGradient id="b" x1="32" x2="32" y1="64.23" y2="-.815" href="#a" />
    <linearGradient id="c" x1="53" x2="53" y1="64.23" y2="-.815" href="#a" />
    <path
        fill="url(#a)"
        d="M15 23.95V6a4 4 0 0 0-8 0v17.95a8.98 8.98 0 0 0 0 16.1V58a4 4 0 0 0 8 0V40.05a8.98 8.98 0 0 0 0-16.1zM9 6a2 2 0 0 1 4 0v17.232a8.737 8.737 0 0 0-4 0zm4 52a2 2 0 0 1-4 0V40.768a8.737 8.737 0 0 0 4 0zm-2-19a7 7 0 1 1 7-7 7.008 7.008 0 0 1-7 7z"
    />
    <path
        fill="url(#b)"
        d="M36 8.95V6a4 4 0 0 0-8 0v2.95a8.98 8.98 0 0 0 0 16.1V58a4 4 0 0 0 8 0V25.05a8.98 8.98 0 0 0 0-16.1zM30 6a2 2 0 0 1 4 0v2.232a8.737 8.737 0 0 0-4 0zm4 52a2 2 0 0 1-4 0V25.768a8.737 8.737 0 0 0 4 0zm-2-34a7 7 0 1 1 7-7 7.008 7.008 0 0 1-7 7z"
    />
    <path
        fill="url(#c)"
        d="M62 45a9 9 0 0 0-5-8.05V6a4 4 0 0 0-8 0v30.95a8.98 8.98 0 0 0 0 16.1V58a4 4 0 0 0 8 0v-4.95A9 9 0 0 0 62 45zM51 6a2 2 0 0 1 4 0v30.232a8.737 8.737 0 0 0-4 0zm4 52a2 2 0 0 1-4 0v-4.232a8.737 8.737 0 0 0 4 0zm-2-6a7 7 0 1 1 7-7 7.008 7.008 0 0 1-7 7z"
    />
</svg>