Add icons to this collection by clicking the heart icon.
Pie Chart icon - also known as business, chart, statistics, stats, finances, pie chart, graphical, 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"
>
<radialGradient
id="a"
cx="206.969"
cy="160.18"
r="120.446"
gradientTransform="matrix(-1 0 0 -.987 413.938 318.191)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset=".065" stop-color="#fdfdfd" />
<stop offset=".514" stop-color="#f1f1f4" />
<stop offset=".978" stop-color="#dfdde2" />
</radialGradient>
<radialGradient
id="b"
cx="162.268"
cy="248.702"
r="167.553"
gradientTransform="matrix(-1 0 0 -.987 324.536 494.036)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".035" stop-color="#dfdde2" />
<stop offset=".229" stop-color="#d5d2d8" />
<stop offset=".569" stop-color="#b9b4bd" />
<stop offset=".671" stop-color="#afaab4" />
<stop offset="1" stop-color="#a298a5" />
</radialGradient>
<radialGradient
id="c"
cx="237.961"
cy="277.269"
r="378.491"
gradientTransform="matrix(-1 0 0 -.987 475.922 550.783)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fbe2dd" />
<stop offset=".321" stop-color="#f0c3c5" />
<stop offset=".558" stop-color="#eab1b7" />
<stop offset=".937" stop-color="#e59ca1" />
<stop offset="1" stop-color="#e4989d" />
</radialGradient>
<radialGradient
id="d"
cx="226.528"
cy="275.859"
r="349.523"
gradientTransform="matrix(-1 0 0 -.987 453.056 547.982)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f4fbff" />
<stop offset=".514" stop-color="#cbe2ff" />
<stop offset="1" stop-color="#bed8fb" />
</radialGradient>
<radialGradient
id="e"
cx="211.921"
cy="317.995"
r="260.212"
gradientTransform="matrix(-1 0 0 -.987 423.842 631.684)"
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="f"
cx="324.793"
cy="291.073"
r="187.593"
gradientTransform="matrix(-1 0 0 -.987 649.586 578.205)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e7f6ec" />
<stop offset=".514" stop-color="#daefc8" />
<stop offset="1" stop-color="#cbe7af" />
</radialGradient>
<radialGradient
id="g"
cx="346.142"
cy="276.497"
r="204.494"
gradientTransform="matrix(-1 0 0 -.987 692.283 549.249)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f4fbff" />
<stop offset=".264" stop-color="#c9e1fe" />
<stop offset=".665" stop-color="#80b4fb" />
<stop offset=".868" stop-color="#6faafa" />
<stop offset="1" stop-color="#61a2f9" />
</radialGradient>
<radialGradient
id="h"
cx="377.982"
cy="261.868"
r="246.128"
gradientTransform="matrix(-1 0 0 -.987 755.964 520.19)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#dfdde2" />
<stop offset=".576" stop-color="#c6c1c8" />
<stop offset=".829" stop-color="#aea6b1" />
<stop offset="1" stop-color="#a298a5" />
</radialGradient>
<radialGradient
id="i"
cx="415.464"
cy="275.859"
r="372.305"
gradientTransform="matrix(-1 0 0 -.987 830.927 547.982)"
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="j"
cx="415.464"
cy="275.859"
r="372.305"
gradientTransform="matrix(-1 0 0 -.987 830.927 547.982)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#aad880" />
<stop offset=".196" stop-color="#a2d474" />
<stop offset=".546" stop-color="#8dc955" />
<stop offset=".579" stop-color="#8bc852" />
<stop offset="1" stop-color="#528e61" />
</radialGradient>
<radialGradient
id="k"
cx="415.464"
cy="275.859"
r="372.305"
gradientTransform="matrix(-1 0 0 -.987 830.927 547.982)"
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="l"
cx="415.464"
cy="275.859"
r="372.305"
gradientTransform="matrix(-1 0 0 -.987 830.927 547.982)"
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="m"
cx="352.603"
cy="475.536"
r="215.546"
gradientTransform="matrix(.931 0 0 .112 -75.044 413.125)"
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(#a)"
d="M247.023 270.063c-5.859-59.645 8.187-131.731 42.139-131.731h-66.325c-57.911 0-104.856 46.946-104.856 104.856z"
/>
<path
fill="url(#b)"
d="M184.306 243.189c4.135 42.088 80.898 104.856 104.856 104.856h-66.325c-57.748 0-104.856-46.788-104.856-104.856z"
/>
<path
fill="url(#c)"
d="M96.668 243.189c0-19.951 1.756-50.625 5.337-69.025L7.541 185.501C2.623 203.901 0 223.239 0 243.189c0 40.596 10.857 78.656 29.823 111.437l94.935 12.521c-14.541-32.78-28.09-83.362-28.09-123.958z"
/>
<path
fill="url(#d)"
d="M289.163 20.352h-66.325c-103.119 0-189.878 70.044-215.297 165.149h94.534c18.512-95.106 83.969-165.149 187.088-165.149z"
/>
<path
fill="url(#e)"
d="M118.765 354.626H29.823c38.532 66.596 110.54 111.401 193.014 111.401h66.325c-82.473 0-140.855-44.805-170.397-111.401z"
/>
<path
fill="url(#f)"
d="m222.837 392.1 66.325 15.047c82.241 0 176.055-92.594 176.055-174.835l-93.47 10.877c.001 82.241-66.669 148.911-148.91 148.911z"
/>
<path
fill="url(#g)"
d="m289.163 79.232-66.325 15.047c82.241 0 148.911 66.67 148.911 148.911h93.47c-.001-82.242-93.815-163.958-176.056-163.958z"
/>
<circle cx="289.163" cy="243.189" r="104.856" fill="url(#h)" />
<path
fill="url(#i)"
d="M289.163 20.352c-103.119 0-189.878 70.044-215.297 165.149l71.425 19.138c16.986-63.554 74.962-110.36 143.872-110.36 82.241 0 148.911 66.67 148.911 148.911H512c0-123.07-99.768-222.838-222.837-222.838z"
/>
<path
fill="url(#j)"
d="M289.163 392.1v73.927C412.233 466.027 512 366.259 512 243.19h-73.927c0 82.24-66.669 148.91-148.91 148.91z"
/>
<path
fill="url(#k)"
d="M140.252 243.189c0-13.332 1.753-26.255 5.039-38.55l-71.425-19.138c-4.918 18.4-7.541 37.738-7.541 57.689 0 40.596 10.857 78.656 29.823 111.437l64.033-36.97c-12.674-21.906-19.929-47.339-19.929-74.468z"
/>
<path
fill="url(#l)"
d="m160.181 317.657-64.033 36.97c38.532 66.596 110.54 111.401 193.014 111.401V392.1c-55.112 0-103.232-29.941-128.981-74.443z"
/>
<path
fill="url(#m)"
d="M256 491.648c115.498 0 209.127-11.471 209.127-25.621H46.873c0 14.15 93.629 25.621 209.127 25.621z"
/>
</svg>
More icons in the same style and category