Joystick

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <path
        fill="#f6f6f6"
        d="M214.483 61.939c8.592 21.321 10.586 42.643 5.985 63.964-3.332 15.44-10.541 29.718-20.154 42.251-27.351 35.662-45.393 96.841-45.393 166.33h202.155c0-69.475-18.034-130.644-45.376-166.31-9.622-12.552-16.845-26.847-20.167-42.31-4.574-21.293-2.564-42.586 6.014-63.878 9.87-24.5-2.732-52.661-28.086-60.064A48.146 48.146 0 0 0 255.951 0c-4.655 0-9.151.661-13.4 1.894-25.354 7.358-37.935 35.559-28.068 60.045z"
    />
    <path
        fill="#dad5ef"
        d="M311.701 168.176c-9.622-12.552-16.845-26.847-20.167-42.31-4.574-21.293-2.564-42.586 6.014-63.879 9.87-24.5-2.732-52.661-28.087-60.065A48.145 48.145 0 0 0 256 .001v334.484h101.078c0-69.475-18.035-130.644-45.377-166.309z"
    />
    <path
        fill="#ff8fb4"
        d="M170.248 228.965h171.504c-3.403-10.727-7.309-20.771-11.654-30H181.902c-4.346 9.229-8.25 19.273-11.654 30z"
    />
    <path
        fill="#ff5e93"
        d="M256 228.965h85.752c-3.403-10.727-7.309-20.771-11.654-30H256z"
    />
    <path
        fill="#ff8fb4"
        d="M312.286 168.965c-.196-.26-.388-.532-.585-.789-6.841-8.923-12.459-18.732-16.335-29.211H216.64c-3.875 10.472-9.488 20.274-16.326 29.19-.202.264-.399.543-.601.81z"
    />
    <path
        fill="#ff5e93"
        d="M256 168.965h56.286c-.196-.26-.388-.532-.585-.789-6.841-8.923-12.459-18.732-16.335-29.211H256z"
    />
    <path
        fill="#ff8fb4"
        d="M219.927 78.965c2.382 10 3.315 20 2.795 30H289.3c-.512-10 .428-20 2.816-30z"
    />
    <path
        fill="#ff5e93"
        d="M292.116 78.965H256v30h33.3c-.512-10 .427-20 2.816-30z"
    />
    <path
        fill="#5f55af"
        d="M372.822 512c-17.727 0-34.739-8.406-45.508-22.486l-35.63-46.582h-71.369l-35.63 46.582C173.916 503.594 156.904 512 139.178 512c-17.161 0-33.267-7.591-44.189-20.827-10.922-13.235-15.319-30.49-12.062-47.338l17.674-91.452c7.339-37.978 40.741-65.542 79.421-65.542h151.957c38.68 0 72.081 27.564 79.421 65.542l17.675 91.453c3.256 16.848-1.141 34.102-12.063 47.337-10.923 13.236-27.03 20.827-44.19 20.827z"
    />
    <path
        fill="#453d83"
        d="m429.074 443.836-17.675-91.453c-7.34-37.978-40.741-65.542-79.421-65.542h-75.976v156.091h35.682l35.63 46.582C338.083 503.594 355.096 512 372.822 512c17.16 0 33.267-7.591 44.188-20.827 10.923-13.235 15.32-30.489 12.064-47.337z"
    />
    <path
        fill="#dad5ef"
        d="M321.501 385.98c-10.5.126-18.03-11.08-13.85-20.74 5.063-12.278 22.638-12.275 27.7 0 4.172 9.662-3.346 20.863-13.85 20.74z"
    />
    <path
        fill="#f6f6f6"
        d="M190.501 385.98c-10.499.128-18.029-11.082-13.85-20.74 5.066-12.279 22.635-12.278 27.7 0 4.18 9.657-3.352 20.868-13.85 20.74z"
    />
</svg>