Add icons to this collection by clicking the heart icon.
Diagram icon - also known as diagram, graphic, chart, graph, statistics, stats, analytics, 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 513 513"
>
    <radialGradient
        id="a"
        cx="344.91"
        cy="383.455"
        r="235.768"
        gradientTransform="matrix(-.617 -.787 .391 -.307 407.76 772.518)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#bcdf95" />
        <stop offset=".169" stop-color="#b7dd8f" />
        <stop offset=".396" stop-color="#abd77e" />
        <stop offset=".597" stop-color="#9bd069" />
        <stop offset="1" stop-color="#5ea570" />
    </radialGradient>
    <radialGradient
        id="b"
        cx="428.203"
        cy="355.038"
        r="357.73"
        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="c"
        cx="241.225"
        cy="214.531"
        r="118.168"
        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="d"
        cx="359.995"
        cy="337.722"
        r="174.409"
        gradientTransform="matrix(-.864 -.504 .756 -1.297 415.502 957.026)"
        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="e"
        cx="353.266"
        cy="3390.751"
        r="245.921"
        gradientTransform="matrix(.931 0 0 .112 -75.01 58.392)"
        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>
    <radialGradient
        id="f"
        cx="428.203"
        cy="409.146"
        r="270.775"
        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="g"
        cx="212.13"
        cy="93.312"
        r="369.589"
        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="h"
        cx="428.203"
        cy="355.038"
        r="357.73"
        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>
    <path
        fill="url(#a)"
        d="M374.16 392.809 225.367 135.093l62.397-29.573 169.069 298.996z"
    />
    <path
        fill="url(#b)"
        d="M513 436.944 287.764 46.824v88.269l148.793 257.716z"
    />
    <path
        fill="url(#c)"
        d="m148.255 357.428 87.512-151.574h51.997l-38.17 85.316-49.341 66.258z"
    />
    <path fill="url(#d)" d="m375.276 357.428-87.512-151.574-87.511 151.574z" />
    <path
        fill="url(#e)"
        d="M257.02 466.176c131.774 0 238.597-13.088 238.597-29.232H18.423c0 16.144 106.823 29.232 238.597 29.232z"
    />
    <path fill="url(#f)" d="M436.557 392.809H138.972l-76.443 44.135H513z" />
    <path
        fill="url(#g)"
        d="M0 436.94 225.234 46.824h62.53l-77.965 212.73L62.53 436.94z"
    />
    <path
        fill="url(#h)"
        d="M287.764 135.093V46.824L62.53 436.94l76.443-44.133z"
    />
</svg>
More icons in the same style and category