Add icons to this collection by clicking the heart icon.
Pie Chart icon - also known as business, pie chart, infographic, pie charts, business and finance, and fintech. 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 64 64"
>
    <linearGradient
        id="c"
        x1="14.451"
        x2="41.207"
        y1="49.549"
        y2="22.793"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#006df0" />
        <stop offset="1" stop-color="#57a4ff" />
    </linearGradient>
    <linearGradient
        id="d"
        x1="33.293"
        x2="49.549"
        y1="30.707"
        y2="14.451"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#a258cd" />
        <stop offset=".277" stop-color="#a45bce" />
        <stop offset=".471" stop-color="#a964d1" />
        <stop offset=".64" stop-color="#b174d5" />
        <stop offset=".795" stop-color="#bd89dc" />
        <stop offset=".939" stop-color="#cda6e4" />
        <stop offset="1" stop-color="#d5b4e8" />
    </linearGradient>
    <linearGradient id="a">
        <stop offset="0" stop-color="#a7adf0" />
        <stop offset="1" stop-color="#e0e0e2" />
    </linearGradient>
    <linearGradient
        id="e"
        x1="3.293"
        x2="16.707"
        y1="66.707"
        y2="53.293"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="47.293"
        x2="60.707"
        y1="10.707"
        y2="-2.707"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient id="b">
        <stop offset="0" stop-color="#005ece" />
        <stop offset="1" stop-color="#006df0" />
    </linearGradient>
    <linearGradient
        id="g"
        x1="46.647"
        x2="55.354"
        y1="17.061"
        y2="8.354"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="h"
        x1="8.147"
        x2="17.854"
        y1="55.147"
        y2="45.44"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <path
        fill="url(#c)"
        d="M51 33H31V13a1 1 0 0 0-1-1C17.869 12 8 21.869 8 34s9.869 22 22 22 22-9.869 22-22a1 1 0 0 0-1-1z"
    />
    <path
        fill="url(#d)"
        d="M34 8a1 1 0 0 0-1 1v21a1 1 0 0 0 1 1h21a1 1 0 0 0 1-1c0-12.131-9.869-22-22-22z"
    />
    <path
        fill="url(#e)"
        d="M19 56H1a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1z"
    />
    <path
        fill="url(#f)"
        d="M63 0H45a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1z"
    />
    <path
        fill="url(#g)"
        d="M53 8v2.586l-5.707 5.707a.999.999 0 1 0 1.414 1.414l6-6c.187-.188.293-.442.293-.707V8z"
    />
    <path
        fill="url(#h)"
        d="M11 56v-4.586l5.707-5.707a.999.999 0 1 0-1.414-1.414l-6 6A.996.996 0 0 0 9 51v5z"
    />
</svg>
More icons in the same style and category