Controller

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <path
        fill="#007a9f"
        d="M296.083 92h-80c-8.284 0-15-6.716-15-15V15c0-8.284 6.716-15 15-15h80c8.284 0 15 6.716 15 15v62c0 8.284-6.716 15-15 15z"
    />
    <path
        fill="#00607f"
        d="M296.083 0H257v92h39.083c8.284 0 15-6.716 15-15V15c0-8.284-6.716-15-15-15z"
    />
    <path
        fill="#f6efea"
        d="M346.084 512H165.916c-24.813 0-45-20.187-45-45V107c0-24.813 20.187-45 45-45h180.168c24.813 0 45 20.187 45 45v360c0 24.813-20.187 45-45 45z"
    />
    <path
        fill="#00cef5"
        d="M256 212c-24.813 0-45-20.187-45-45s20.187-45 45-45 45 20.187 45 45-20.187 45-45 45z"
    />
    <path
        fill="#eee1dc"
        d="M346.084 62H257v450h89.084c24.813 0 45-20.187 45-45V107c0-24.813-20.187-45-45-45z"
    />
    <path
        fill="#e30058"
        d="M256 452c-24.813 0-45-20.187-45-45s20.187-45 45-45 45 20.187 45 45-20.187 45-45 45z"
    />
    <g fill-rule="evenodd" clip-rule="evenodd">
        <circle cx="196" cy="257" r="15" fill="#007a9f" />
        <circle cx="256" cy="257" r="15" fill="#007a9f" />
        <circle cx="316" cy="257" r="15" fill="#00607f" />
        <circle cx="196" cy="317" r="15" fill="#007a9f" />
        <circle cx="256" cy="317" r="15" fill="#007a9f" />
        <circle cx="316" cy="317" r="15" fill="#00607f" />
    </g>
    <path
        fill="#0095ff"
        d="M257 122.025v89.949c24.352-.536 44-20.497 44-44.975s-19.648-44.439-44-44.974z"
    />
    <path
        fill="#00607f"
        fill-rule="evenodd"
        d="M257 242.05v29.899c7.797-.52 14-7.025 14-14.949s-6.203-14.43-14-14.95zM257 302.05v29.899c7.797-.52 14-7.025 14-14.949s-6.203-14.43-14-14.95z"
        clip-rule="evenodd"
    />
    <path
        fill="#c30048"
        d="M257 362.025v89.949c24.352-.536 44-20.497 44-44.975s-19.648-44.438-44-44.974z"
    />
</svg>