Controls

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 384 384"
>
    <circle cx="192" cy="192" r="192" fill="#efc84a" />
    <path
        d="M384 192c0-8.588-.621-17.025-1.713-25.314l-82.232-82.232C298.696 82.956 296.751 82 294.56 82H89.44C85.32 82 82 85.32 82 89.44v205.12c0 2.06.83 3.92 2.175 5.265l82.454 82.455c8.307 1.097 16.764 1.72 25.37 1.72C298.039 384 384 298.039 384 192z"
        opacity=".1"
    />
    <path
        d="M294.564 82H89.436A7.437 7.437 0 0 0 82 89.436v205.127a7.436 7.436 0 0 0 7.436 7.436h205.127a7.436 7.436 0 0 0 7.436-7.436V89.436A7.436 7.436 0 0 0 294.564 82z"
        fill="#64798a"
    />
    <path d="M101.968 102.016h48.08v20.2h-48.08z" fill="#f6c358" />
    <path d="M167.952 102.016h48.08v20.2h-48.08z" fill="#3ea69b" />
    <path d="M233.92 102.016H282v20.2h-48.08z" fill="#d15241" />
    <path d="M101.968 97h48.08v20.2h-48.08z" fill="#fcd462" />
    <path d="M167.952 97h48.08v20.2h-48.08z" fill="#44c4a1" />
    <path d="M233.92 97H282v20.2h-48.08z" fill="#e56353" />
    <path d="M113.72 144.48h6.988v141.28h-6.988z" fill="#3a556a" />
    <circle cx="117.24" cy="245" r="15.264" fill="#fcd462" />
    <path
        d="M126.856 233.256c-2.041 10.331-8.562 19.621-19.612 23.215 2.682 2.341 6.148 3.806 9.987 3.806 8.43 0 15.264-6.833 15.264-15.264 0-4.76-2.225-8.957-5.639-11.757z"
        fill="#f6c358"
    />
    <path d="M151.12 144.48h6.992v141.28h-6.992z" fill="#3a556a" />
    <circle cx="154.616" cy="174.836" r="15.264" fill="#e56353" />
    <path
        d="M164.24 163.078c-2.04 10.331-8.561 19.621-19.612 23.215 2.682 2.341 6.148 3.806 9.987 3.806 8.43 0 15.264-6.833 15.264-15.264 0-4.759-2.224-8.957-5.639-11.757z"
        fill="#d15241"
    />
    <path d="M188.52 144.48h6.992v141.28h-6.992z" fill="#3a556a" />
    <circle cx="192" cy="215.248" r="15.264" fill="#ebf0f3" />
    <path
        d="M201.624 203.492c-2.04 10.331-8.562 19.621-19.612 23.215 2.682 2.341 6.148 3.806 9.987 3.806 8.43 0 15.264-6.833 15.264-15.264.001-4.761-2.224-8.958-5.639-11.757z"
        fill="#e1e6e9"
    />
    <path d="M225.88 144.48h6.992v141.28h-6.992z" fill="#3a556a" />
    <circle cx="229.4" cy="261.6" r="15.264" fill="#27a2db" />
    <path
        d="M239.009 249.836c-2.04 10.331-8.562 19.621-19.612 23.215 2.682 2.341 6.148 3.806 9.988 3.806 8.43 0 15.264-6.833 15.264-15.264-.001-4.76-2.226-8.957-5.64-11.757z"
        fill="#2d93ba"
    />
    <path d="M263.28 144.48h6.988v141.28h-6.988z" fill="#3a556a" />
    <circle cx="266.76" cy="186.08" r="15.264" fill="#44c4a1" />
    <path
        d="M276.393 174.336c-2.041 10.331-8.562 19.621-19.612 23.215 2.682 2.341 6.148 3.806 9.987 3.806 8.43 0 15.264-6.833 15.264-15.264 0-4.76-2.224-8.957-5.639-11.757z"
        fill="#3ea69b"
    />
</svg>