Pie Chart

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 54 54"
>
    <linearGradient
        id="a"
        x1="8.726"
        x2="44.37"
        y1="54.887"
        y2="5.936"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset=".132" stop-color="#00c5e5" />
        <stop offset="1" stop-color="#83e6ed" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="7.398"
        x2="43.042"
        y1="53.92"
        y2="4.969"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="7.396"
        x2="43.039"
        y1="53.918"
        y2="4.968"
        href="#a"
    />
    <path fill="url(#a)" d="M28 13.051V26h12.949A14 14 0 0 0 28 13.051z" />
    <path
        fill="url(#b)"
        d="M27 4a23 23 0 1 0 23 23A23.026 23.026 0 0 0 27 4zm0 39a16 16 0 1 1 16-16 16.019 16.019 0 0 1-16 16z"
    />
    <path
        fill="url(#c)"
        d="M26 27V13.051A13.992 13.992 0 1 0 40.949 28H27a1 1 0 0 1-1-1z"
    />
</svg>