Gauge

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="-33.207"
        x2="-24.983"
        y1="624.554"
        y2="616.331"
        gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13553.445)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#369cdc" />
        <stop offset="1" stop-color="#aa56d0" />
    </linearGradient>
    <path
        d="M486.144 200.704c4.821-3.392 5.952-10.048 2.56-14.848-3.392-4.843-10.133-5.952-14.848-2.56l-24.363 17.195c-.043.043-.107.043-.171.064-.043.043-.064.085-.107.128L300.181 305.899C288.683 294.869 273.152 288 256 288c-35.285 0-64 28.715-64 64s28.715 64 64 64 64-28.715 64-64c0-10.453-2.752-20.181-7.211-28.907l139.947-98.795c24.747 38.037 37.931 81.92 37.931 127.701 0 5.888 4.779 10.667 10.667 10.667S512 357.888 512 352c0-50.219-14.549-98.325-41.856-139.989l16-11.307zM256 394.667c-23.531 0-42.667-19.136-42.667-42.667 0-23.531 19.136-42.667 42.667-42.667 23.509 0 42.667 19.157 42.667 42.667 0 23.509-19.158 42.667-42.667 42.667z"
        fill="url(#a)"
    />
    <linearGradient
        id="b"
        x1="-42.005"
        x2="-33.789"
        y1="628.478"
        y2="620.262"
        gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13553.445)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#369cdc" />
        <stop offset="1" stop-color="#aa56d0" />
    </linearGradient>
    <path
        d="M10.667 362.667c5.888 0 10.667-4.779 10.667-10.667 0-129.387 105.28-234.667 234.667-234.667 56.064 0 110.357 20.096 152.832 56.576 4.501 3.84 11.221 3.307 15.04-1.131 3.861-4.48 3.328-11.2-1.131-15.04C376.384 117.909 317.163 96 256 96 114.837 96 0 210.837 0 352c0 5.888 4.779 10.667 10.667 10.667z"
        fill="url(#b)"
    />
</svg>