Controller

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="24"
        x2="24"
        y1="64.03"
        y2="1.185"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#e93e3a" />
        <stop offset=".35" stop-color="#ed683c" />
        <stop offset=".7" stop-color="#f3903f" />
        <stop offset="1" stop-color="#fdc70c" />
    </linearGradient>
    <linearGradient id="b" x1="40" x2="40" y1="64.03" y2="1.185" href="#a" />
    <linearGradient id="c" x1="32" x2="32" y1="64.03" y2="1.185" href="#a" />
    <linearGradient id="d" x1="13" x2="13" y1="64.03" y2="1.185" href="#a" />
    <linearGradient
        id="e"
        x1="27.354"
        x2="27.354"
        y1="64.03"
        y2="1.185"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="38.646"
        x2="38.646"
        y1="64.03"
        y2="1.185"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="33"
        x2="33"
        y1="64.03"
        y2="1.185"
        gradientTransform="rotate(71.58 32.989 42.979)"
        href="#a"
    />
    <linearGradient id="h" x1="30" x2="30" y1="64.03" y2="1.185" href="#a" />
    <linearGradient id="i" x1="38" x2="38" y1="64.03" y2="1.185" href="#a" />
    <linearGradient id="j" x1="33" x2="33" y1="64.03" y2="1.185" href="#a" />
    <path
        fill="url(#a)"
        d="M24 9a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
    />
    <path
        fill="url(#b)"
        d="M40 9a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
    />
    <path fill="url(#c)" d="M29 13h6v2h-6z" />
    <path
        fill="url(#c)"
        d="M59 6V2h-2v3.465L55 6.8l-2-1.335V2h-2v4a1 1 0 0 0 .445.832l1.5 1A2.965 2.965 0 0 0 52.78 12a2.981 2.981 0 0 0-.78 2v9h-7v-2a1 1 0 0 0-1-1h-8v-2h10a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1h-2V4a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v2h-8V4a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v2h-2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10v2h-8a1 1 0 0 0-1 1v2h-7v-9a2.981 2.981 0 0 0-.78-2 2.965 2.965 0 0 0-.161-4.171l1.5-1A1 1 0 0 0 13 6V2h-2v3.465L9 6.8 7 5.465V2H5v4a1 1 0 0 0 .445.832l1.5 1A2.965 2.965 0 0 0 6.78 12 2.981 2.981 0 0 0 6 14v9.382A3.98 3.98 0 0 0 11.618 29H19v3h-7a5.006 5.006 0 0 0-5 5v20a5.006 5.006 0 0 0 5 5h40a5.006 5.006 0 0 0 5-5V37a5.006 5.006 0 0 0-5-5h-7v-3h7.382A3.98 3.98 0 0 0 58 23.382V14a2.981 2.981 0 0 0-.78-2 2.965 2.965 0 0 0-.161-4.171l1.5-1A1 1 0 0 0 59 6zm-4 5a1 1 0 1 1 1-1 1 1 0 0 1-1 1zm1 3v8.142a3.592 3.592 0 0 0-2 0V14a1 1 0 0 1 2 0zM38 5h4v1h-4zM22 5h4v1h-4zm-3 3h26v8H19zm11 10h4v2h-4zM9 13a1 1 0 0 1 1 1v8.142A3.939 3.939 0 0 0 9 22a3.939 3.939 0 0 0-1 .142V14a1 1 0 0 1 1-1zm-1-3a1 1 0 1 1 1 1 1 1 0 0 1-1-1zm1 18a2 2 0 1 1 2-2 2 2 0 0 1-2 2zm3.858-1a3.592 3.592 0 0 0 0-2H19v2zM9 57V37a3 3 0 0 1 3-3h5v26h-5a3 3 0 0 1-3-3zm46-20v20a3 3 0 0 1-3 3H19V34h33a3 3 0 0 1 3 3zm-34-5V22h22v10zm24-7h6.142a3.592 3.592 0 0 0 0 2H45zm10 3a2 2 0 1 1 2-2 2 2 0 0 1-2 2z"
    />
    <path
        fill="url(#d)"
        d="M13 44a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
    />
    <path
        fill="url(#e)"
        d="m28.293 46.707 1.414-1.414L27.414 43l2.293-2.293-1.414-1.414-3 3a1 1 0 0 0 0 1.414z"
    />
    <path
        fill="url(#f)"
        d="m37.707 46.707 3-3a1 1 0 0 0 0-1.414l-3-3-1.414 1.414L38.586 43l-2.293 2.293z"
    />
    <path
        fill="url(#g)"
        d="M29.838 42h6.325v2h-6.325z"
        transform="rotate(-71.58 32.982 42.984)"
    />
    <path fill="url(#h)" d="M28 50h4v2h-4z" />
    <path fill="url(#i)" d="M34 50h8v2h-8z" />
    <path fill="url(#j)" d="M30 54h6v2h-6z" />
    <path fill="url(#b)" d="M38 54h4v2h-4z" />
</svg>