Joystick

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 32 32"
>
    <path
        fill="#607d8b"
        d="M24 14H8c-3.86 0-7 3.14-7 7s3.14 7 7 7a6.96 6.96 0 0 0 3.603-1h8.794A6.96 6.96 0 0 0 24 28c3.86 0 7-3.14 7-7s-3.14-7-7-7z"
    />
    <circle cx="8" cy="21" r="5" fill="#e0e0e0" />
    <circle cx="24" cy="21" r="5" fill="#e0e0e0" />
    <path
        fill="#607d8b"
        d="M10 20H9v-1a1 1 0 1 0-2 0v1H6a1 1 0 1 0 0 2h1v1a1 1 0 1 0 2 0v-1h1a1 1 0 1 0 0-2z"
    />
    <path fill="#ff9800" d="M16.5 20h-1a1 1 0 1 0 0 2h1a1 1 0 1 0 0-2z" />
    <g fill="#607d8b">
        <circle cx="22" cy="21" r="1" />
        <circle cx="24" cy="23" r="1" />
        <circle cx="26" cy="21" r="1" />
        <circle cx="24" cy="19" r="1" />
    </g>
    <path
        fill="#2196f3"
        d="M12.47 7.464C13.405 6.52 14.66 6 16 6s2.595.52 3.53 1.464a.997.997 0 0 0 1.414.006 1 1 0 0 0 .006-1.414C19.637 4.73 17.88 4 16 4s-3.637.73-4.95 2.056a1 1 0 1 0 1.42 1.408z"
    />
    <path
        fill="#2196f3"
        d="M18.12 9.88a1 1 0 0 0 .707-1.707C18.082 7.428 17.052 7 16 7s-2.082.428-2.827 1.173a1 1 0 1 0 1.414 1.414c.746-.746 2.08-.746 2.826 0a.997.997 0 0 0 .707.293z"
    />
    <circle cx="16" cy="11" r="1" fill="#ff9800" />
</svg>