Joystick

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 300 300"
>
    <path
        fill="#cceaff"
        d="M234.501 266H65.499C56.939 266 50 259.061 50 250.501V145.499C50 136.939 56.939 130 65.499 130h169.002c8.56 0 15.499 6.939 15.499 15.499v105.002c0 8.56-6.939 15.499-15.499 15.499z"
    />
    <path
        fill="#2e58ff"
        d="M234.502 270H65.498C54.746 270 46 261.254 46 250.502V145.498C46 134.746 54.746 126 65.498 126h169.004c10.752 0 19.498 8.746 19.498 19.498v105.004c0 10.752-8.746 19.498-19.498 19.498zM65.498 134C59.158 134 54 139.158 54 145.498v105.004C54 256.842 59.158 262 65.498 262h169.004c6.34 0 11.498-5.158 11.498-11.498V145.498c0-6.34-5.158-11.498-11.498-11.498z"
    />
    <path
        fill="#fff"
        d="M234.501 250H65.499C56.939 250 50 243.061 50 234.501V129.499C50 120.939 56.939 114 65.499 114h169.002c8.56 0 15.499 6.939 15.499 15.499v105.002c0 8.56-6.939 15.499-15.499 15.499z"
    />
    <path
        fill="#2e58ff"
        d="M234.502 254H65.498C54.746 254 46 245.254 46 234.502V129.498C46 118.746 54.746 110 65.498 110h169.004c10.752 0 19.498 8.746 19.498 19.498v105.004c0 10.752-8.746 19.498-19.498 19.498zM65.498 118C59.158 118 54 123.158 54 129.498v105.004C54 240.842 59.158 246 65.498 246h169.004c6.34 0 11.498-5.158 11.498-11.498V129.498c0-6.34-5.158-11.498-11.498-11.498z"
    />
    <path
        fill="#cceaff"
        d="M75.659 171.978A29.89 29.89 0 0 0 68 192c0 16.569 13.431 30 30 30s30-13.431 30-30-13.431-30-30-30c-1.553 0-3.078.118-4.567.345"
    />
    <path
        fill="#2e58ff"
        d="M98 226c-18.748 0-34-15.252-34-34a33.936 33.936 0 0 1 8.68-22.693 4 4 0 0 1 5.957 5.339A25.957 25.957 0 0 0 72 192c0 14.336 11.664 26 26 26s26-11.664 26-26-11.664-26-26-26a26.37 26.37 0 0 0-3.959.299 4.003 4.003 0 0 1-4.561-3.346 3.998 3.998 0 0 1 3.346-4.561A34.367 34.367 0 0 1 98 158c18.748 0 34 15.252 34 34s-15.252 34-34 34z"
    />
    <circle cx="98" cy="192" r="16" fill="#92ceff" />
    <path
        fill="#2e58ff"
        d="M98 212c-11.027 0-20-8.973-20-20s8.973-20 20-20 20 8.973 20 20-8.973 20-20 20zm0-32c-6.617 0-12 5.383-12 12s5.383 12 12 12 12-5.383 12-12-5.383-12-12-12z"
    />
    <circle cx="210" cy="194" r="24" fill="#cceaff" />
    <path
        fill="#2e58ff"
        d="M210 222c-15.439 0-28-12.561-28-28s12.561-28 28-28 28 12.561 28 28-12.561 28-28 28zm0-48c-11.027 0-20 8.973-20 20s8.973 20 20 20 20-8.973 20-20-8.973-20-20-20zM98 194a4 4 0 0 1-4-4v-16a4 4 0 0 1 8 0v16a4 4 0 0 1-4 4zM150 106a4 4 0 0 1-4-4V54a4 4 0 0 1 8 0v48a4 4 0 0 1-4 4z"
    />
    <circle cx="98" cy="164" r="10" fill="#92ceff" />
    <path
        fill="#2e58ff"
        d="M98 178c-7.719 0-14-6.281-14-14s6.281-14 14-14 14 6.281 14 14-6.281 14-14 14zm0-20c-3.309 0-6 2.691-6 6s2.691 6 6 6 6-2.691 6-6-2.691-6-6-6z"
    />
    <circle cx="150" cy="44" r="10" fill="#92ceff" />
    <path
        fill="#2e58ff"
        d="M150 58c-7.719 0-14-6.281-14-14s6.281-14 14-14 14 6.281 14 14-6.281 14-14 14zm0-20c-3.309 0-6 2.691-6 6s2.691 6 6 6 6-2.691 6-6-2.691-6-6-6z"
    />
    <g fill="#2e58ff">
        <path d="M210 210a4 4 0 0 1-4-4v-24a4 4 0 0 1 8 0v24a4 4 0 0 1-4 4z" />
        <path
            d="M222 198h-24a4 4 0 0 1 0-8h24a4 4 0 0 1 0 8zM107.656 87.656a3.988 3.988 0 0 1-2.828-1.172L93.516 75.172a4 4 0 1 1 5.656-5.656l11.312 11.312a4 4 0 0 1-2.828 6.828z"
        />
        <path
            d="M96.344 87.656a4 4 0 0 1-2.828-6.828l11.312-11.312a4 4 0 1 1 5.656 5.656L99.172 86.484a3.984 3.984 0 0 1-2.828 1.172z"
        />
        <circle cx="184" cy="72" r="4.529" />
        <path
            d="M58.58 60.684c-1.182 0-2.383-.172-3.572-.531-6.51-1.975-10.201-8.877-8.229-15.387 1.975-6.51 8.867-10.201 15.387-8.229 3.152.955 5.746 3.082 7.301 5.988s1.883 6.244.928 9.398c-1.614 5.323-6.522 8.761-11.815 8.761zm.01-16.678a4.346 4.346 0 0 0-4.154 3.08 4.344 4.344 0 0 0 2.893 5.41 4.342 4.342 0 0 0 5.41-2.893c.336-1.109.221-2.283-.326-3.305s-1.457-1.77-2.564-2.105a4.347 4.347 0 0 0-1.259-.187zm7.976 6.758h.039z"
        />
    </g>
    <path
        fill="#92ceff"
        d="M174 114h-48v-7.205A8.795 8.795 0 0 1 134.795 98h30.41a8.795 8.795 0 0 1 8.795 8.795z"
    />
    <path
        fill="#2e58ff"
        d="M174 118h-48a4 4 0 0 1-4-4v-7.205C122 99.74 127.74 94 134.795 94h30.41C172.26 94 178 99.74 178 106.795V114a4 4 0 0 1-4 4zm-44-8h40v-3.205a4.8 4.8 0 0 0-4.795-4.795h-30.41a4.8 4.8 0 0 0-4.795 4.795z"
    />
    <path fill="#cceaff" d="M160 182h-12a6 6 0 1 1 0-12h12a6 6 0 1 1 0 12z" />
    <path
        fill="#2e58ff"
        d="M160 186h-12c-5.514 0-10-4.486-10-10s4.486-10 10-10h12c5.514 0 10 4.486 10 10s-4.486 10-10 10zm-12-12a2 2 0 0 0 0 4h12a2 2 0 0 0 0-4z"
    />
    <path fill="#cceaff" d="M160 206h-12a6 6 0 1 1 0-12h12a6 6 0 1 1 0 12z" />
    <path
        fill="#2e58ff"
        d="M160 210h-12c-5.514 0-10-4.486-10-10s4.486-10 10-10h12c5.514 0 10 4.486 10 10s-4.486 10-10 10zm-12-12a2 2 0 0 0 0 4h12a2 2 0 0 0 0-4z"
    />
    <circle cx="68" cy="128" r="4.529" fill="#2e58ff" />
    <circle cx="232" cy="128" r="4.529" fill="#2e58ff" />
    <path
        fill="#cceaff"
        d="M186 130h-72c-8.837 0-16-7.163-16-16h104c0 8.837-7.163 16-16 16z"
    />
    <path
        fill="#2e58ff"
        d="M186 134h-72c-11.027 0-20-8.973-20-20a4 4 0 0 1 4-4h104a4 4 0 0 1 4 4c0 11.027-8.973 20-20 20zm-83.314-16c1.65 4.656 6.1 8 11.314 8h72c5.215 0 9.664-3.344 11.314-8z"
    />
</svg>