Add icons to this collection by clicking the heart icon.
Chart icon - also known as technology, business, diagram, economy, chart, graphics, real estate, graphs, and charts. 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="100"
    height="100"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="74.981"
        x2="437.019"
        y1="439.019"
        y2="76.981"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff5cb" />
        <stop offset="1" stop-color="#ffd400" />
    </linearGradient>
    <circle cx="256" cy="256" r="256" fill="url(#a)" />
    <linearGradient
        id="b"
        x1="125.3"
        x2="233.74"
        y1="168.48"
        y2="168.48"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ff2929" />
        <stop offset="1" stop-color="#901" />
    </linearGradient>
    <path d="M125.3 297.24h108.44v96.56H125.3z" fill="url(#b)" />
    <linearGradient
        id="c"
        x1="278.26"
        x2="386.7"
        y1="217.025"
        y2="217.025"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#5e79ff" />
        <stop offset="1" stop-color="#041fa8" />
    </linearGradient>
    <path d="M278.26 200.15H386.7V393.8H278.26z" fill="url(#c)" />
    <linearGradient
        id="d"
        x1="92.91"
        x2="419.09"
        y1="114.735"
        y2="114.735"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff" />
        <stop offset="1" stop-color="#9cfdff" />
    </linearGradient>
    <path d="M92.91 383.25h326.18v32.03H92.91z" fill="url(#d)" />
    <linearGradient
        id="e"
        x1="131.103"
        x2="227.932"
        y1="294.093"
        y2="294.093"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff" />
        <stop offset="1" stop-color="#9cfdff" />
    </linearGradient>
    <path
        d="M227.932 270.895h-96.829v-65.249l48.414-36.727 48.415 36.727z"
        fill="url(#e)"
    />
    <linearGradient
        id="f"
        x1="164.66"
        x2="194.385"
        y1="265.655"
        y2="265.655"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#5e79ff" />
        <stop offset="1" stop-color="#041fa8" />
    </linearGradient>
    <path d="M164.66 225.79h29.725v45.11H164.66z" fill="url(#f)" />
    <linearGradient
        id="g"
        x1="118.47"
        x2="240.57"
        y1="237.368"
        y2="237.368"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#00bec7" />
        <stop offset="1" stop-color="#008c91" />
    </linearGradient>
    <path d="M118.47 269.51h122.1v14.245h-122.1z" fill="url(#g)" />
    <linearGradient
        id="h"
        x1="111.945"
        x2="247.09"
        y1="331.373"
        y2="331.373"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ff2929" />
        <stop offset="1" stop-color="#901" />
    </linearGradient>
    <path
        d="m237.792 214.385-58.275-44.207-58.274 44.207-9.298-12.258 67.572-51.259 67.573 51.259z"
        fill="url(#h)"
    />
    <linearGradient
        id="i"
        x1="284.067"
        x2="380.896"
        y1="392.461"
        y2="392.461"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff" />
        <stop offset="1" stop-color="#9cfdff" />
    </linearGradient>
    <path
        d="M380.896 172.527h-96.829v-65.25l48.415-36.726 48.414 36.726z"
        fill="url(#i)"
    />
    <linearGradient
        id="j"
        x1="317.62"
        x2="347.345"
        y1="364.025"
        y2="364.025"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ff2929" />
        <stop offset="1" stop-color="#901" />
    </linearGradient>
    <path d="M317.62 127.42h29.725v45.11H317.62z" fill="url(#j)" />
    <linearGradient
        id="k"
        x1="271.43"
        x2="393.53"
        y1="335.738"
        y2="335.738"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#00bec7" />
        <stop offset="1" stop-color="#008c91" />
    </linearGradient>
    <path d="M271.43 171.14h122.1v14.245h-122.1z" fill="url(#k)" />
    <linearGradient
        id="l"
        x1="264.909"
        x2="400.054"
        y1="429.743"
        y2="429.743"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#5e79ff" />
        <stop offset="1" stop-color="#041fa8" />
    </linearGradient>
    <path
        d="M390.756 116.016 332.482 71.81l-58.275 44.206-9.298-12.257 67.573-51.26 67.572 51.26z"
        fill="url(#l)"
    />
</svg>
More icons in the same style and category