Controller

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 58 59"
>
    <g fill="none" fill-rule="nonzero">
        <path
            fill="#7f8c8d"
            d="M29 20a1 1 0 0 1-1-1v-7a5 5 0 0 1 10 0v2a2 2 0 1 0 4 0V1a1 1 0 0 1 2 0v13a4 4 0 1 1-8 0v-2a3 3 0 0 0-6 0v7a1 1 0 0 1-1 1z"
        />
        <path
            fill="#95a5a5"
            d="M27 19h4a1 1 0 0 1 1 1v5h-6v-5a1 1 0 0 1 1-1z"
        />
        <path
            fill="#7d6599"
            d="M33 48h-8l-9.05 2.93C13.49 54.18 9.31 59 6 59c-4 0-6-3-6-15s7-22 15-22c5 0 8 2 11 2h6c3 0 6-2 11-2 8 0 15 10 15 22s-2 15-6 15c-3.31 0-7.49-4.82-9.95-8.07z"
        />
        <circle cx="20" cy="48" r="6" fill="#3d324c" />
        <circle cx="20" cy="48" r="4" fill="#464f5d" />
        <circle cx="38" cy="48" r="6" fill="#3d324c" />
        <path
            fill="#5d4c72"
            d="M19 32h-3v-3a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v3H9a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h3v3a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-3h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1z"
        />
        <circle cx="38" cy="34" r="2" fill="#ff5364" />
        <circle cx="48" cy="34" r="2" fill="#f29c1f" />
        <circle cx="43" cy="39" r="2" fill="#3b97d3" />
        <circle cx="43" cy="29" r="2" fill="#4fba6f" />
        <circle cx="38" cy="48" r="4" fill="#464f5d" />
    </g>
</svg>