Controls

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="640"
    height="640"
    viewBox="0 0 480 480"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#2193b0" />
        <stop offset="1" stop-color="#6dd5ed" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="0"
        x2="480"
        y1="240"
        y2="240"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="224"
        x2="256"
        y1="383.504"
        y2="383.504"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="224"
        x2="256"
        y1="176"
        y2="176"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="96"
        x2="128"
        y1="312"
        y2="312"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="96"
        x2="128"
        y1="104.672"
        y2="104.672"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="352"
        x2="384"
        y1="328"
        y2="328"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="h"
        x1="352"
        x2="384"
        y1="120"
        y2="120"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="i"
        x1="80"
        x2="144"
        y1="176"
        y2="176"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="j"
        x1="208"
        x2="272"
        y1="320"
        y2="320"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="k"
        x1="336"
        x2="400"
        y1="208"
        y2="208"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path
        fill="url(#b)"
        d="M464 0H16C7.164 0 0 7.164 0 16v448c0 8.836 7.164 16 16 16h448c8.836 0 16-7.164 16-16V16c0-8.836-7.164-16-16-16zm-16 448H32V32h416zm0 0"
    />
    <path
        fill="url(#c)"
        d="M240 351.008c-8.836 0-16 7.164-16 16V400c0 8.836 7.164 16 16 16s16-7.164 16-16v-32.992c0-8.836-7.164-16-16-16zm0 0"
    />
    <path
        fill="url(#d)"
        d="M240 288c8.836 0 16-7.164 16-16V80c0-8.836-7.164-16-16-16s-16 7.164-16 16v192c0 8.836 7.164 16 16 16zm0 0"
    />
    <path
        fill="url(#e)"
        d="M112 208c-8.836 0-16 7.164-16 16v176c0 8.836 7.164 16 16 16s16-7.164 16-16V224c0-8.836-7.164-16-16-16zm0 0"
    />
    <path
        fill="url(#f)"
        d="M112 145.328c8.836 0 16-7.164 16-16V80c0-8.836-7.164-16-16-16s-16 7.164-16 16v49.328c0 8.836 7.164 16 16 16zm0 0"
    />
    <path
        fill="url(#g)"
        d="M368 240c-8.836 0-16 7.164-16 16v144c0 8.836 7.164 16 16 16s16-7.164 16-16V256c0-8.836-7.164-16-16-16zm0 0"
    />
    <path
        fill="url(#h)"
        d="M368 176c8.836 0 16-7.164 16-16V80c0-8.836-7.164-16-16-16s-16 7.164-16 16v80c0 8.836 7.164 16 16 16zm0 0"
    />
    <path
        fill="url(#i)"
        d="M96 192h32c8.836 0 16-7.164 16-16s-7.164-16-16-16H96c-8.836 0-16 7.164-16 16s7.164 16 16 16zm0 0"
    />
    <path
        fill="url(#j)"
        d="M224 336h32c8.836 0 16-7.164 16-16s-7.164-16-16-16h-32c-8.836 0-16 7.164-16 16s7.164 16 16 16zm0 0"
    />
    <path
        fill="url(#k)"
        d="M352 224h32c8.836 0 16-7.164 16-16s-7.164-16-16-16h-32c-8.836 0-16 7.164-16 16s7.164 16 16 16zm0 0"
    />
</svg>