Add icons to this collection by clicking the heart icon.
Pie Chart icon - also known as business, user, chart, graph, statistics, data analytics, data analysis, pie chart, pie cart, and business and finance. Created in a clean flat 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 519 512"
>
<linearGradient
id="b"
x1="323.862"
x2="323.862"
y1="72.664"
y2="319.059"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff5a9" />
<stop offset=".006" stop-color="#fff5a8" />
<stop offset=".489" stop-color="#ffda58" />
<stop offset=".832" stop-color="#ffc925" />
<stop offset="1" stop-color="#ffc312" />
</linearGradient>
<linearGradient
id="c"
x1="299.035"
x2="299.035"
y1="327.324"
y2="431.006"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#8af9d7" />
<stop offset=".134" stop-color="#7cf1ce" />
<stop offset=".488" stop-color="#5ee0b9" />
<stop offset=".789" stop-color="#4bd5ad" />
<stop offset="1" stop-color="#44d1a8" />
</linearGradient>
<linearGradient
id="d"
x1="152.749"
x2="152.749"
y1="295.492"
y2="437.648"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff9c9c" />
<stop offset="1" stop-color="#ff2c2c" />
</linearGradient>
<linearGradient
id="e"
x1="139.861"
x2="139.861"
y1="54.03"
y2="283.075"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#73cdff" />
<stop offset=".373" stop-color="#55b4ff" />
<stop offset="1" stop-color="#1c83ff" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#8888ba" />
<stop offset="1" stop-color="#49458a" />
</linearGradient>
<linearGradient
id="f"
x1="71.247"
x2="71.247"
y1="-7.306"
y2="120.176"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="23.933"
x2="23.933"
y1="-7.306"
y2="120.176"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="44.421"
x2="44.421"
y1="-7.306"
y2="120.176"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="447.416"
x2="447.416"
y1="69.558"
y2="216.399"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="453.754"
x2="453.754"
y1="69.558"
y2="216.399"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="502.06"
x2="502.06"
y1="69.558"
y2="216.399"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="356.214"
x2="356.214"
y1="384.002"
y2="513.664"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="362.553"
x2="362.553"
y1="384.002"
y2="513.664"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="383.2"
x2="383.2"
y1="384.002"
y2="513.664"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="87.637"
x2="87.637"
y1="333.536"
y2="477.223"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="40.003"
x2="40.003"
y1="333.536"
y2="477.223"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="q"
x1="40.528"
x2="40.528"
y1="333.536"
y2="477.223"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="90.709"
x2="90.709"
y1="333.536"
y2="477.223"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M364.2 367.3c32-33.6 49.7-77.7 49.7-124.2 0-99.3-80.8-180.1-180.1-180.1v69.7c60.9 0 110.4 49.5 110.4 110.4 0 28.5-10.8 55.5-30.4 76.1z"
/>
<path
fill="url(#c)"
d="M233.8 423.3c25.1 0 49.4-5.1 72.2-15.1 22-9.6 41.6-23.4 58.3-40.9l-50.5-48.1c-21 22.1-49.4 34.3-79.9 34.3v69.8z"
/>
<path
fill="url(#d)"
d="M233.8 423.3v-69.7c-42.7 0-80.8-23.9-99.4-62.3l-62.8 30.4c14.5 30 37.1 55.4 65.2 73.4 29 18.4 62.5 28.2 97 28.2z"
/>
<path
fill="url(#e)"
d="M100.9 110.3c35.5-35.5 82.7-55 132.9-55v77.5c-60.8 0-110.4 49.5-110.4 110.4 0 16.8 3.7 33 11 48L64.6 325c-12.4-25.6-18.7-53.2-18.7-81.8 0-50.2 19.5-97.4 55-132.9z"
/>
<path
fill="url(#f)"
d="M134.6 128.7c-2 0-4-.8-5.6-2.3L80.6 77.9H7.9C3.6 77.9 0 74.4 0 70c0-4.3 3.5-7.9 7.9-7.9h76c2.1 0 4.1.8 5.6 2.3l50.7 50.7c3.1 3.1 3.1 8 0 11.1-1.5 1.7-3.6 2.5-5.6 2.5z"
/>
<path
fill="url(#g)"
d="M47.9 7.9C47.9 3.5 44.3 0 40 0H7.9C3.5 0 0 3.5 0 7.9s3.5 7.9 7.9 7.9H40c4.3-.1 7.9-3.6 7.9-7.9z"
/>
<path
fill="url(#h)"
d="M88.8 39c0-4.3-3.5-7.9-7.9-7.9h-73C3.5 31.1 0 34.6 0 39s3.5 7.9 7.9 7.9H81c4.3-.1 7.8-3.6 7.8-7.9z"
/>
<path
fill="url(#i)"
d="m389.6 207.1 48.4-48.4h72.8c4.3 0 7.9-3.5 7.9-7.9s-3.5-7.9-7.9-7.9h-76c-2.1 0-4.1.8-5.6 2.3L378.5 196c-3.1 3.1-3.1 8 0 11.1 1.5 1.5 3.5 2.3 5.6 2.3 1.9 0 4-.7 5.5-2.3z"
/>
<path
fill="url(#j)"
d="M477.7 88.6c0-4.3-3.5-7.9-7.9-7.9h-32.1c-4.3 0-7.9 3.5-7.9 7.9 0 4.3 3.5 7.9 7.9 7.9h32.1c4.4 0 7.9-3.5 7.9-7.9zM477.7 119.7c0-4.3-3.5-7.9-7.9-7.9h-32.1c-4.3 0-7.9 3.5-7.9 7.9 0 4.3 3.5 7.9 7.9 7.9h32.1c4.4 0 7.9-3.5 7.9-7.9z"
/>
<path
fill="url(#k)"
d="M519 119.7c0-4.3-3.5-7.9-7.9-7.9H493c-4.3 0-7.9 3.5-7.9 7.9 0 4.3 3.5 7.9 7.9 7.9h18.1c4.4 0 7.9-3.5 7.9-7.9z"
/>
<path
fill="url(#l)"
d="M427.5 441.9c0-4.3-3.5-7.9-7.9-7.9h-72.8l-48.4-48.4c-3.1-3.1-8-3.1-11.1 0s-3.1 8 0 11.1l50.7 50.7c1.5 1.5 3.5 2.3 5.6 2.3h76c4.3.1 7.9-3.4 7.9-7.8z"
/>
<path
fill="url(#m)"
d="M386.5 504.1c0-4.3-3.5-7.9-7.9-7.9h-32.1c-4.3 0-7.9 3.5-7.9 7.9s3.5 7.9 7.9 7.9h32.1c4.4 0 7.9-3.5 7.9-7.9z"
/>
<path
fill="url(#n)"
d="M427.8 473c0-4.3-3.5-7.9-7.9-7.9h-73.4c-4.3 0-7.9 3.5-7.9 7.9s3.5 7.9 7.9 7.9h73.4c4.4 0 7.9-3.5 7.9-7.9z"
/>
<path
fill="url(#o)"
d="m105.8 412.8 50.7-50.7c3.1-3.1 3.1-8 0-11.1s-8-3.1-11.1 0L97 399.4H24.3c-4.3 0-7.9 3.5-7.9 7.9 0 4.3 3.5 7.9 7.9 7.9h76c2.1-.1 4.1-.9 5.5-2.4z"
/>
<path
fill="url(#p)"
d="M63.9 469.5c0-4.3-3.5-7.9-7.9-7.9H23.9c-4.3 0-7.9 3.5-7.9 7.9s3.5 7.9 7.9 7.9H56c4.4-.1 7.9-3.6 7.9-7.9z"
/>
<path
fill="url(#q)"
d="M65 438.4c0-4.3-3.5-7.9-7.9-7.9H23.9c-4.3 0-7.9 3.5-7.9 7.9s3.5 7.9 7.9 7.9h33.2c4.4-.1 7.9-3.6 7.9-7.9z"
/>
<path
fill="url(#r)"
d="M105.2 438.4c0-4.3-3.5-7.9-7.9-7.9H84.1c-4.3 0-7.9 3.5-7.9 7.9s3.5 7.9 7.9 7.9h13.3c4.3-.1 7.8-3.6 7.8-7.9z"
/>
</svg>
More icons in the same style and category