Pie Chart

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="80"
    height="80"
    viewBox="-2 0 60 60.007"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#20d6de" />
        <stop offset="1" stop-color="#5e309d" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="-5.997"
        x2="63.587"
        y1="22.007"
        y2="22.007"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="-5.997"
        x2="63.587"
        y1="37.007"
        y2="37.007"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="-5.997"
        x2="63.587"
        y1="23.007"
        y2="23.007"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="-5.997"
        x2="63.587"
        y1="36.007"
        y2="36.007"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="-5.997"
        x2="63.587"
        y1="19.007"
        y2="19.007"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="-5.997"
        x2="63.587"
        y1="56.007"
        y2="56.007"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="h"
        x1="-5.997"
        x2="63.587"
        y1="17.207"
        y2="17.207"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path
        fill="url(#b)"
        d="M49.004 38.008c.293 0 .574-.13.766-.356a22.418 22.418 0 0 0 5.234-14.644c0-6.617-2.293-12.707-6.293-16.707a1 1 0 0 0-1.414 0l-16 16c-.2.199-.305.472-.293.754.016.28.144.543.363.722l17 14c.18.149.403.23.637.23zm-1.02-29.563a22.028 22.028 0 0 1 5.02 14.563 20.476 20.476 0 0 1-4.149 12.582L33.488 22.937zm0 0"
    />
    <path
        fill="url(#c)"
        d="M47.77 40.652a1.001 1.001 0 0 0-.13-1.418l-17-14a1.003 1.003 0 0 0-1.062-.132c-.351.168-.574.52-.574.906v22a1 1 0 0 0 1 1 23.555 23.555 0 0 0 17.766-8.356zM31.004 46.98V28.125l14.562 11.996a21.565 21.565 0 0 1-14.562 6.86zm0 0"
    />
    <path
        fill="url(#d)"
        d="M27.004.008c-12.7.012-22.988 10.3-23 23 0 12.898 9.664 23 22 23 .55 0 1-.45 1-1V23.422L42.71 7.715a1 1 0 0 0 0-1.414A21.395 21.395 0 0 0 27.004.008zM25.297 22.3a1 1 0 0 0-.293.707V43.98c-9.508-.511-19-8.273-19-20.972.012-11.594 9.406-20.988 21-21a19.257 19.257 0 0 1 13.57 5.015zm0 0"
    />
    <path
        fill="url(#e)"
        d="M27.004 50.008v-2c-1.02 0-25-.34-25-26h-2c0 27.68 26.73 28 27 28zm0 0"
    />
    <path fill="url(#f)" d="M.004 18.008h2v2h-2zm0 0" />
    <g fill="url(#g)">
        <path
            d="M23.004 60.008h8v-8h-8zm2-6h4v4h-4zM41.004 60.008v-8h-8v8zm-6-6h4v4h-4zM21.004 60.008v-8h-8v8zm-6-6h4v4h-4zm0 0"
        />
    </g>
    <path
        fill="url(#h)"
        d="M51.004 23.008c0-7.25-3.07-11.426-3.2-11.602l-1.6 1.2a18.68 18.68 0 0 1 2.8 10.402zm0 0"
    />
</svg>