Joystick

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 512 512"
>
    <circle cx="259.776" cy="411.867" r="18.893" fill="#fe3934" />
    <path d="M138.86 453.432h234.273v20.782H138.86z" fill="#fe3934" />
    <path d="M138.86 476.103h234.273v28.334H138.86z" fill="#f9ac11" />
    <path d="M138.86 489.323h234.273v15.114H138.86z" fill="#f48d24" />
    <path
        d="M153.978 451.542c0-19.825 16.072-35.897 35.897-35.897h130.362c20.869 0 37.786 16.917 37.786 37.786"
        fill="#8ca1b6"
    />
    <path
        d="M320.236 415.646h-73.683c20.64 0 37.403 16.551 37.769 37.104l73.7.682c0-20.869-16.918-37.786-37.786-37.786z"
        fill="#afc4d9"
    />
    <path
        d="M290.007 196.487c26.231-13.115 39.272-43.16 30.941-71.278l-.712-2.404 17.004-17.004c15.651 0 28.339-12.688 28.339-28.339v-26.45c0-15.651-12.688-28.339-28.339-28.339H214.436v68.015"
        fill="#fe3934"
    />
    <path d="M216.327 24.561h18.893v49.122h-18.893z" fill="#dd2323" />
    <path
        d="M229.55 268.28v49.122c0 16.695 13.533 30.229 30.229 30.229 16.695 0 30.229-13.533 30.229-30.229V164.369c0-25.043 20.301-45.343 45.343-45.343V7.557h-45.343l-83.129 90.686v173.815h60.458"
        fill="#afc4d9"
    />
    <path
        d="M259.779 326.849v-45.343h-22.672V107.69l83.129-90.686h15.114V7.557h-45.343l-83.129 90.686v173.815h22.672v45.343c0 16.695 13.533 30.229 30.229 30.229 2.569 0 5.064-.323 7.446-.927a30.093 30.093 0 0 1-7.446-19.854z"
        fill="#8ca1b6"
    />
    <path d="M229.547 270.165h58.563v18.893h-58.563z" fill="#f9ac11" />
    <path d="M229.547 270.165h30.229v18.893h-30.229z" fill="#f48d24" />
    <path d="M333.461 75.572h-105.8l24.56-32.118h81.24z" fill="#f9ac11" />
    <path d="M265.447 75.572h-37.786l24.56-32.118h45.344z" fill="#f48d24" />
    <path
        d="M380.694 512H131.306v-43.454h249.387V512zm-234.273-15.114H365.58v-13.225H146.421v13.225zM364.937 445.875c-3.609-21.416-22.275-37.786-44.701-37.786h-31.185c-3.364-13.024-15.212-22.672-29.273-22.672s-25.908 9.648-29.273 22.672h-40.632c-22.039 0-40.285 16.496-43.072 37.786h-7.939v15.114h234.273v-15.114h-8.198zm-105.158-45.344c5.58 0 10.451 3.047 13.069 7.557h-26.139c2.618-4.51 7.489-7.557 13.07-7.557zm7.557 45.344v-7.557h-15.114v7.557h-15.114v-7.557h-15.114v7.557H206.88v-7.557h-15.114v7.557h-29.658c2.633-12.92 14.084-22.672 27.769-22.672h130.362c14.059 0 25.908 9.648 29.273 22.672h-82.176z"
    />
    <path
        d="M229.547 204.044h15.114v15.114h-15.114zM229.547 173.815h15.114v15.114h-15.114zM229.547 234.273h15.114v15.114h-15.114z"
        fill="#fff"
    />
    <path
        d="M342.908 15.566V0h-56.225l-13.855 15.114h-65.95V87.06l-7.557 8.244v184.312h68.015v-15.114h-52.9V101.183L258.694 52.9h53.985V37.786h-40.13l20.782-22.672h34.462v52.9h-52.9v15.114h52.9v28.878c-25.603 3.678-45.343 25.758-45.343 52.362v153.033c0 12.502-10.17 22.672-22.672 22.672s-22.672-10.17-22.672-22.672v-22.672h-15.114v22.672c0 18.248 13.002 33.515 30.229 37.025v15.875h15.114v-15.875c17.226-3.511 30.229-18.777 30.229-37.025V200.955c25.543-15.062 38.383-44.936 31.675-73.871a37.89 37.89 0 0 1 6.111-.502h7.557v-13.677c17.109-2.727 30.229-17.58 30.229-35.445V51.01c.001-17.863-13.12-32.718-30.228-35.444zM221.993 30.229h36.981l-36.981 40.342V30.229zm75.572 152.206v-18.066c0-13.329 6.943-25.059 17.396-31.787 3.55 18.713-3.263 37.665-17.396 49.853zm60.457-104.974c0 9.493-6.404 17.501-15.114 19.976V31.035c8.71 2.476 15.114 10.484 15.114 19.976v26.45z"
    />
    <path d="M252.218 302.288h15.114v15.114h-15.114z" fill="#fff" />
</svg>