Add icons to this collection by clicking the heart icon.
Pie Chart icon - also known as graph, statistics, analysis, pie, pie chart, analytics, infography, comparative, and business and finance. Created in a clean gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient id="a">
<stop offset=".015" stop-color="#bed8fb" />
<stop offset=".476" stop-color="#93bffb" />
<stop offset=".665" stop-color="#80b4fb" />
<stop offset=".868" stop-color="#6faafa" />
<stop offset="1" stop-color="#61a2f9" />
</linearGradient>
<radialGradient
id="d"
cx="406.722"
cy="147.895"
r="102.738"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#fff" />
<stop offset=".065" stop-color="#fdfdfd" />
<stop offset=".514" stop-color="#f1f1f4" />
<stop offset=".978" stop-color="#dfdde2" />
</linearGradient>
<radialGradient
id="e"
cx="406.722"
cy="152.465"
r="99.866"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="f"
cx="274.357"
cy="128.541"
r="164.087"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="g"
cx="356.693"
cy="123.212"
r="149.955"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f4fbff" />
<stop offset=".514" stop-color="#cbe2ff" />
<stop offset="1" stop-color="#bed8fb" />
</radialGradient>
<radialGradient
id="h"
cx="11.036"
cy="128.541"
r="164.087"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#cbe7af" />
<stop offset=".612" stop-color="#add984" />
<stop offset=".665" stop-color="#aad880" />
<stop offset=".927" stop-color="#9fd26f" />
<stop offset="1" stop-color="#9bd069" />
</radialGradient>
<radialGradient
id="i"
cx="93.372"
cy="123.212"
r="149.955"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e7f6ec" />
<stop offset=".514" stop-color="#daefc8" />
<stop offset="1" stop-color="#cbe7af" />
</radialGradient>
<radialGradient
id="j"
cx="143.4"
cy="152.465"
r="99.866"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#cbe7af" />
<stop offset=".324" stop-color="#add984" />
<stop offset=".665" stop-color="#8bc852" />
<stop offset=".927" stop-color="#81c141" />
<stop offset="1" stop-color="#7dbe3b" />
</radialGradient>
<radialGradient
id="k"
cx="176.373"
cy="123.212"
r="166.761"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#aad880" />
<stop offset=".165" stop-color="#a6d67a" />
<stop offset=".385" stop-color="#9bd069" />
<stop offset=".597" stop-color="#8bc852" />
<stop offset="1" stop-color="#528e61" />
</radialGradient>
<radialGradient
id="l"
cx="274.357"
cy="372.948"
r="164.087"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="m"
cx="356.693"
cy="367.619"
r="149.955"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fbe2dd" />
<stop offset=".514" stop-color="#eab1b7" />
<stop offset="1" stop-color="#e4989d" />
</radialGradient>
<radialGradient
id="n"
cx="406.722"
cy="396.872"
r="99.866"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="o"
cx="11.036"
cy="372.948"
r="164.087"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f6e781" />
<stop offset=".476" stop-color="#f5e056" />
<stop offset=".65" stop-color="#f4dd45" />
<stop offset=".987" stop-color="#f1d334" />
<stop offset="1" stop-color="#f1d333" />
</radialGradient>
<radialGradient
id="p"
cx="93.372"
cy="367.619"
r="149.955"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fffbe4" />
<stop offset=".554" stop-color="#f9efaf" />
<stop offset=".628" stop-color="#f8eea7" />
<stop offset="1" stop-color="#f6e781" />
</radialGradient>
<radialGradient
id="q"
cx="143.4"
cy="396.872"
r="99.866"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#dfdde2" />
<stop offset=".576" stop-color="#c6c1c8" />
<stop offset=".829" stop-color="#aea6b1" />
<stop offset="1" stop-color="#a298a5" />
</linearGradient>
<radialGradient
id="r"
cx="436.07"
cy="130.262"
r="175.126"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="s"
cx="439.694"
cy="123.212"
r="166.761"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#80b4fb" />
<stop offset=".146" stop-color="#7aaffb" />
<stop offset=".342" stop-color="#69a1fa" />
<stop offset=".516" stop-color="#5490f9" />
<stop offset="1" stop-color="#407093" />
</radialGradient>
<radialGradient
id="t"
cx="169.544"
cy="367.619"
r="172.044"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="u"
cx="176.373"
cy="367.619"
r="166.761"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f4dd45" />
<stop offset=".236" stop-color="#f2d740" />
<stop offset=".552" stop-color="#edc631" />
<stop offset=".597" stop-color="#ecc32e" />
<stop offset="1" stop-color="#e49824" />
</radialGradient>
<radialGradient
id="v"
cx="444.043"
cy="376.551"
r="171.885"
gradientUnits="userSpaceOnUse"
>
<stop offset=".099" stop-color="#dd636e" />
<stop offset=".617" stop-color="#d82e3d" />
<stop offset=".726" stop-color="#d32e3b" />
<stop offset=".859" stop-color="#c42f37" />
<stop offset="1" stop-color="#ac3030" />
</radialGradient>
<radialGradient
id="w"
cx="439.694"
cy="367.619"
r="166.761"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="x"
cx="430.361"
cy="3447.404"
r="258.713"
gradientTransform="matrix(.931 0 0 .112 -147.994 86.869)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c6c1c8" />
<stop offset=".243" stop-color="#dddbdf" />
<stop offset=".496" stop-color="#f1f1f4" />
<stop offset=".888" stop-color="#fff" />
</radialGradient>
<path
fill="url(#d)"
d="M440.192 118.42c0 37.534-30.427 67.96-67.96 67.96l30.858 8.06c37.533 0 75.547-46.763 75.547-84.297z"
/>
<path
fill="url(#e)"
d="m403.09 42.401-30.858 8.06c37.533 0 67.96 30.427 67.96 67.96h38.445c0-37.534-38.014-76.02-75.547-76.02z"
/>
<path
fill="url(#f)"
d="m314.182 106.222-50.861 12.198c0 60.149 48.761 108.91 108.91 108.91h30.858c-60.149.001-88.907-60.958-88.907-121.108z"
/>
<path
fill="url(#g)"
d="M403.09 9.51h-30.858c-60.15 0-108.91 48.761-108.91 108.911h40.841c0-60.15 38.777-108.911 98.927-108.911z"
/>
<path
fill="url(#h)"
d="M50.861 106.222 0 118.42c0 60.149 48.761 108.91 108.91 108.91h30.858c-60.149.001-88.907-60.958-88.907-121.108z"
/>
<path
fill="url(#i)"
d="M139.768 9.51H108.91C48.761 9.51 0 58.271 0 118.42h40.841c0-60.149 38.778-108.91 98.927-108.91z"
/>
<path
fill="url(#j)"
d="M108.91 186.38c37.533 0 67.96-30.427 67.96-67.96 0-37.534-30.427-67.96-67.96-67.96l30.858-8.06c37.533 0 75.548 38.486 75.548 76.02 0 37.533-38.014 76.019-75.548 76.019z"
/>
<path
fill="url(#k)"
d="M139.768 9.51c-60.15 0-108.91 48.761-108.91 108.911 0 60.149 48.761 108.91 108.91 108.91s108.911-48.761 108.911-108.91c0-60.15-48.761-108.911-108.911-108.911zm0 176.87c-37.533 0-67.96-30.427-67.96-67.96 0-37.534 30.427-67.96 67.96-67.96s67.96 30.427 67.96 67.96c.001 37.534-30.426 67.96-67.96 67.96z"
/>
<path
fill="url(#l)"
d="m314.182 350.629-50.861 12.198c0 60.149 48.761 108.91 108.91 108.91h30.858c-60.149.001-88.907-60.958-88.907-121.108z"
/>
<path
fill="url(#m)"
d="M403.09 253.917h-30.858c-60.15 0-108.91 48.761-108.91 108.911h40.841c0-60.15 38.777-108.911 98.927-108.911z"
/>
<path
fill="url(#n)"
d="M372.232 430.787c37.533 0 67.96-30.427 67.96-67.96 0-37.534-30.427-67.96-67.96-67.96l30.858-8.06c37.533 0 75.548 38.486 75.548 76.02 0 37.533-38.014 76.019-75.548 76.019z"
/>
<path
fill="url(#o)"
d="M50.861 350.629 0 362.827c0 60.149 48.761 108.91 108.91 108.91h30.858c-60.149.001-88.907-60.958-88.907-121.108z"
/>
<path
fill="url(#p)"
d="M139.768 253.917H108.91C48.761 253.917 0 302.678 0 362.827h40.841c0-60.149 38.778-108.91 98.927-108.91z"
/>
<path
fill="url(#q)"
d="M108.91 430.787c37.533 0 67.96-30.427 67.96-67.96 0-37.534-30.427-67.96-67.96-67.96l30.858-8.06c37.533 0 75.548 38.486 75.548 76.02 0 37.533-38.014 76.019-75.548 76.019z"
/>
<path
fill="url(#r)"
d="m471.05 118.42 20.681 6.753L512 118.42C512 58.27 463.239 9.51 403.09 9.51l-5.458 16.99 5.458 23.96c37.533 0 67.959 30.427 67.96 67.96z"
/>
<path
fill="url(#s)"
d="M471.05 118.42c0 37.534-30.427 67.96-67.96 67.96s-67.96-30.427-67.96-67.96c0-37.534 30.427-67.96 67.96-67.96V9.51c-60.15 0-108.91 48.761-108.91 108.911 0 60.149 48.761 108.91 108.91 108.91S512 178.57 512 118.421h-40.95z"
/>
<path
fill="url(#t)"
d="m139.768 253.917-10.286 29.007 10.286 11.944c37.533 0 67.96 30.427 67.96 67.96s-30.427 67.96-67.96 67.96l-10.286 25.522 10.286 15.429c60.15 0 108.911-48.761 108.911-108.91 0-60.151-48.761-108.912-108.911-108.912z"
/>
<path
fill="url(#u)"
d="M71.808 362.827c0-37.534 30.427-67.96 67.96-67.96v-40.95c-60.15 0-108.91 48.761-108.91 108.911 0 60.149 48.761 108.91 108.91 108.91v-40.951c-37.533 0-67.96-30.426-67.96-67.96z"
/>
<path
fill="url(#v)"
d="m403.09 294.867 3.255-19.035-3.255-21.915c-60.15 0-108.91 48.761-108.91 108.911l22.714 8.556 18.236-8.556c-.001-37.534 30.426-67.961 67.96-67.961z"
/>
<path
fill="url(#w)"
d="M403.09 253.917v40.95c37.533 0 67.96 30.427 67.96 67.96s-30.427 67.96-67.96 67.96-67.96-30.427-67.96-67.96h-40.95c0 60.149 48.761 108.91 108.91 108.91S512 422.976 512 362.827s-48.761-108.91-108.91-108.91z"
/>
<path
fill="url(#x)"
d="M256 502.49c138.628 0 251.008-13.768 251.008-30.752H4.992c0 16.984 112.38 30.752 251.008 30.752z"
/>
</svg>
More icons in the same style and category