Controller

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <path
        fill="#f4f4f7"
        d="M116.433 176.085C51.855 176.309 0 229.62 0 294.199v136.034c0 .872.013 1.741.038 2.607 1.863 64.352 82.486 92.501 125.093 44.238l79.573-90.138H256l22-105.486-22-105.536c-53.603-.001-107.206.055-139.567.167z"
    />
    <path
        fill="#e2e2eb"
        d="M395.567 176.085c-32.361-.112-85.964-.168-139.567-.168v211.022h51.296l79.573 90.138c42.606 48.263 123.229 20.114 125.093-44.238.025-.866.038-1.735.038-2.607V294.199c0-64.579-51.855-117.89-116.433-118.114z"
    />
    <circle cx="183.237" cy="400.748" r="47.801" fill="#7c75d9" />
    <g fill="#6354b1">
        <circle cx="328.763" cy="400.748" r="47.801" />
        <path
            d="M377 240.11h30v30h-30zM377 300.11h30v30h-30zM347 270.11h30v30h-30zM407 270.11h30v30h-30z"
        />
    </g>
    <path
        fill="#7c75d9"
        d="M104 240.11h30v30h-30zM104 300.11h30v30h-30zM74 270.11h30v30H74zM134 270.11h30v30h-30z"
    />
    <path fill="#ff6c6c" d="M219.5 261.11H256l8-13.657-8-16.343h-36.5z" />
    <path fill="#e53950" d="M256 231.11h36.5v30H256z" />
    <path fill="#ffe370" d="M241 321.11h15l4-13.657-4-16.343h-15z" />
    <path fill="#ffb54c" d="M256 291.11h15v30h-15z" />
    <path
        fill="#00e6ef"
        d="M188.118 128.633c18.715-18.715 43.299-28.072 67.882-28.072l18-13.108-18-16.878c-32.266 0-64.532 12.282-89.095 36.846z"
    />
    <path
        fill="#72bbff"
        d="m323.883 128.633 21.213-21.213C320.532 82.856 288.266 70.574 256 70.575v29.987c24.584-.001 49.167 9.357 67.883 28.071z"
    />
    <path
        fill="#00e6ef"
        d="m124.479 64.993 21.213 21.213C176.104 55.794 216.052 40.588 256 40.588l11-15.135-11-14.851c-47.631 0-95.261 18.13-131.521 54.391z"
    />
    <path
        fill="#72bbff"
        d="M387.521 64.993c-36.26-36.26-83.89-54.391-131.521-54.391v29.986c39.948 0 79.896 15.206 110.309 45.618z"
    />
</svg>