Add icons to this collection by clicking the heart icon.
Chart icon - also known as chart, graph, statistics, stats, pyramid, infography, 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="0" stop-color="#f4fbff" />
        <stop offset=".514" stop-color="#cbe2ff" />
        <stop offset="1" stop-color="#bed8fb" />
    </linearGradient>
    <radialGradient
        id="i"
        cx="47.465"
        cy="309.612"
        r="66.245"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient id="b">
        <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" />
    </linearGradient>
    <radialGradient
        id="j"
        cx="93.989"
        cy="370.452"
        r="85.185"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient id="c">
        <stop offset="0" stop-color="#fffbe4" />
        <stop offset=".554" stop-color="#f9efaf" />
        <stop offset=".628" stop-color="#f8eea7" />
        <stop offset="1" stop-color="#f6e781" />
    </linearGradient>
    <radialGradient
        id="k"
        cx="175.465"
        cy="217.247"
        r="133.07"
        gradientTransform="matrix(1 0 0 1.485 0 -105.303)"
        gradientUnits="userSpaceOnUse"
        href="#c"
    />
    <linearGradient id="d">
        <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" />
    </linearGradient>
    <radialGradient
        id="l"
        cx="237.66"
        cy="332.808"
        r="142.783"
        gradientTransform="matrix(.203 -.979 .705 .146 -45.023 516.942)"
        gradientUnits="userSpaceOnUse"
        href="#d"
    />
    <linearGradient id="e">
        <stop offset="0" stop-color="#e7f6ec" />
        <stop offset=".514" stop-color="#daefc8" />
        <stop offset="1" stop-color="#cbe7af" />
    </linearGradient>
    <radialGradient
        id="m"
        cx="303.465"
        cy="263.43"
        r="99.301"
        gradientTransform="matrix(1 0 0 1.553 0 -145.577)"
        gradientUnits="userSpaceOnUse"
        href="#e"
    />
    <linearGradient id="f">
        <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" />
    </linearGradient>
    <radialGradient
        id="n"
        cx="366.931"
        cy="361.795"
        r="101.9"
        gradientTransform="matrix(.956 .294 -.495 1.61 195.47 -328.658)"
        gradientUnits="userSpaceOnUse"
        href="#f"
    />
    <linearGradient id="g">
        <stop offset="0" stop-color="#fbe2dd" />
        <stop offset=".514" stop-color="#eab1b7" />
        <stop offset="1" stop-color="#e4989d" />
    </linearGradient>
    <radialGradient
        id="o"
        cx="431.465"
        cy="171.064"
        r="167.119"
        gradientTransform="matrix(1 0 0 1.484 0 -82.742)"
        gradientUnits="userSpaceOnUse"
        href="#g"
    />
    <linearGradient id="h">
        <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" />
    </linearGradient>
    <radialGradient
        id="p"
        cx="503.401"
        cy="335.586"
        r="123.934"
        gradientTransform="matrix(.956 .294 -.47 1.528 180.004 -325.123)"
        gradientUnits="userSpaceOnUse"
        href="#h"
    />
    <radialGradient
        id="q"
        cx="47.87"
        cy="234.572"
        r="30.947"
        gradientTransform="matrix(-1 0 0 -.987 95.741 465.967)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <radialGradient
        id="r"
        cx="43.479"
        cy="260.971"
        r="43.051"
        gradientTransform="matrix(-1 0 0 -.987 86.958 518.408)"
        gradientUnits="userSpaceOnUse"
    >
        <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" />
    </radialGradient>
    <radialGradient
        id="s"
        cx="98.904"
        cy="264.354"
        r="63.24"
        gradientTransform="matrix(-1 0 0 -.987 197.809 525.129)"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <radialGradient
        id="t"
        cx="175.87"
        cy="138.753"
        r="30.947"
        gradientTransform="matrix(-1 0 0 -.987 351.741 275.628)"
        gradientUnits="userSpaceOnUse"
        href="#c"
    />
    <radialGradient
        id="u"
        cx="171.479"
        cy="165.153"
        r="43.051"
        gradientTransform="matrix(-1 0 0 -.987 342.958 328.069)"
        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="v"
        cx="226.904"
        cy="168.536"
        r="63.24"
        gradientTransform="matrix(-1 0 0 -.987 453.809 334.789)"
        gradientUnits="userSpaceOnUse"
        href="#d"
    />
    <radialGradient
        id="w"
        cx="303.87"
        cy="186.663"
        r="30.947"
        gradientTransform="matrix(-1 0 0 -.987 607.741 370.798)"
        gradientUnits="userSpaceOnUse"
        href="#e"
    />
    <radialGradient
        id="x"
        cx="299.479"
        cy="213.062"
        r="43.051"
        gradientTransform="matrix(-1 0 0 -.987 598.958 423.239)"
        gradientUnits="userSpaceOnUse"
        href="#f"
    />
    <radialGradient
        id="y"
        cx="354.904"
        cy="216.445"
        r="63.24"
        gradientTransform="matrix(-1 0 0 -.987 709.809 429.959)"
        gradientUnits="userSpaceOnUse"
        href="#f"
    />
    <radialGradient
        id="z"
        cx="431.87"
        cy="90.844"
        r="30.947"
        gradientTransform="matrix(-1 0 0 -.987 863.741 180.458)"
        gradientUnits="userSpaceOnUse"
        href="#g"
    />
    <radialGradient
        id="A"
        cx="427.479"
        cy="117.244"
        r="43.051"
        gradientTransform="matrix(-1 0 0 -.987 854.958 232.899)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#e4989d" />
        <stop offset=".193" stop-color="#e38d93" />
        <stop offset=".531" stop-color="#df6f79" />
        <stop offset=".653" stop-color="#dd636e" />
        <stop offset="1" stop-color="#da4a54" />
    </radialGradient>
    <radialGradient
        id="B"
        cx="482.904"
        cy="120.627"
        r="63.24"
        gradientTransform="matrix(-1 0 0 -.987 965.809 239.62)"
        gradientUnits="userSpaceOnUse"
        href="#h"
    />
    <radialGradient
        id="C"
        cx="312.618"
        cy="2003.3"
        r="253.727"
        gradientTransform="matrix(.931 0 0 .112 -38.569 169.414)"
        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(#i)"
        d="m0 392.955 49.917-86.459h28.166l-6.014 43.23-43.902 43.229z"
    />
    <path fill="url(#j)" d="m78.083 306.496-49.916 86.459H128z" />
    <path
        fill="url(#k)"
        d="m128 392.955 49.917-182.277h28.166l-6.014 139.048-43.902 43.229z"
    />
    <path fill="url(#l)" d="m206.083 210.678-49.916 182.277H256z" />
    <path
        fill="url(#m)"
        d="m256 392.955 49.917-134.368h28.166l-6.014 91.139-43.902 43.229z"
    />
    <path fill="url(#n)" d="m334.083 258.587-49.916 134.368H384z" />
    <path
        fill="url(#o)"
        d="m384 392.955 49.917-230.186h28.166l-6.014 186.957-43.902 43.229z"
    />
    <path fill="url(#p)" d="m462.083 162.769-49.916 230.186H512z" />
    <path
        fill="url(#q)"
        d="M65.256 266.46c-1.506-15.325 2.104-33.847 10.827-33.847H59.042c-14.879 0-26.942 12.062-26.942 26.942z"
    />
    <path
        fill="url(#r)"
        d="M49.142 259.555c1.062 10.814 20.786 26.942 26.942 26.942H59.042c-14.838 0-26.942-12.022-26.942-26.942z"
    />
    <circle cx="76.083" cy="259.555" r="26.942" fill="url(#s)" />
    <path
        fill="url(#t)"
        d="M193.256 170.641c-1.506-15.325 2.104-33.847 10.827-33.847h-17.042c-14.879 0-26.942 12.062-26.942 26.942z"
    />
    <path
        fill="url(#u)"
        d="M177.142 163.736c1.062 10.814 20.786 26.942 26.942 26.942h-17.042c-14.838 0-26.942-12.022-26.942-26.942z"
    />
    <circle cx="204.083" cy="163.736" r="26.942" fill="url(#v)" />
    <path
        fill="url(#w)"
        d="M321.256 218.551c-1.505-15.325 2.104-33.847 10.827-33.847h-17.042c-14.879 0-26.942 12.062-26.942 26.942z"
    />
    <path
        fill="url(#x)"
        d="M305.142 211.646c1.062 10.814 20.786 26.942 26.942 26.942h-17.042c-14.838 0-26.942-12.022-26.942-26.942z"
    />
    <circle cx="332.083" cy="211.646" r="26.942" fill="url(#y)" />
    <path
        fill="url(#z)"
        d="M449.256 122.732c-1.505-15.325 2.104-33.847 10.827-33.847h-17.042c-14.879 0-26.942 12.062-26.942 26.942z"
    />
    <path
        fill="url(#A)"
        d="M433.142 115.827c1.062 10.814 20.786 26.942 26.942 26.942h-17.042c-14.838 0-26.942-12.022-26.942-26.942z"
    />
    <circle cx="460.083" cy="115.827" r="26.942" fill="url(#B)" />
    <path
        fill="url(#C)"
        d="M255.695 423.114c135.956 0 246.171-13.503 246.171-30.16H9.524c0 16.657 110.214 30.16 246.171 30.16z"
    />
</svg>
More icons in the same style and category