Joystick

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <g>
        <circle cx="32" cy="32" r="29" fill="#1877f2" />
        <path
            fill="#1360c4"
            d="M37 52A29 29 0 0 1 9.552 13.643a29 29 0 1 0 49.9 27.714A28.939 28.939 0 0 1 37 52z"
        />
        <path
            fill="#6eadff"
            d="M35.623 7.625a2.633 2.633 0 0 0-.585 1.137c-.267 1.337.919 2.51 2.082 3.257a34.554 34.554 0 0 0 3.294 1.792l4.562 2.272c1.655.825 3.554 2.042 5.449 1.907a3.221 3.221 0 0 0 1.41-.349c1.63-.955 1.279-3.074.574-4.492A9.966 9.966 0 0 0 49 9.552C45.961 7.459 38.7 3.9 35.623 7.625zM52.106 19.422a1.1 1.1 0 0 0 .011.964 2.123 2.123 0 0 0 .461.514 5.809 5.809 0 0 0 .976.758 2.382 2.382 0 0 0 1.255.342 1.117 1.117 0 0 0 .61-.181.946.946 0 0 0 .22-.241 2.414 2.414 0 0 0-.664-3.208c-1.154-.921-2.441.049-2.869 1.052z"
        />
        <g fill="#e32c28">
            <circle cx="46" cy="32" r="5" />
            <path
                d="M24 30v4h-3v3h-4v-3h-3v-4h3v-3h4v3zM24 21h16s-1 5-5 5h-6c-4 0-5-5-5-5z"
            />
        </g>
        <path
            fill="#f7f7ff"
            d="M45 21a11 11 0 0 1 0 22c-7 0-8-3-13-3s-6 3-13 3a11 11 0 0 1 0-22h5s1 5 5 5h6c4 0 5-5 5-5zm6 11a5 5 0 1 0-5 5 5 5 0 0 0 5-5zm-27 2v-4h-3v-3h-4v3h-3v4h3v3h4v-3z"
        />
        <path
            fill="#d3d9f2"
            d="M45 40c-7 0-8-3-13-3s-6 3-13 3a10.986 10.986 0 0 1-10.886-9.5A10.924 10.924 0 0 0 19 43c7 0 8-3 13-3s6 3 13 3a10.924 10.924 0 0 0 10.886-12.5A10.986 10.986 0 0 1 45 40z"
        />
        <path
            fill="#1157b3"
            d="M32 40c-5 0-6 3-13 3a11 11 0 0 1-9.134-17.134A11 11 0 0 0 16 46c7 0 8-3 13-3s6 3 13 3a10.983 10.983 0 0 0 9.134-4.866A10.955 10.955 0 0 1 45 43c-7 0-8-3-13-3z"
        />
    </g>
</svg>