Add icons to this collection by clicking the heart icon.
Chart Bars icon - also known as business, chart, graph, chart bars, and business and finance. Created in a clean outline 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="7.686"
        x2="56.314"
        y1="7.686"
        y2="56.314"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fad0c4" />
        <stop offset="1" stop-color="#ff9a9e" />
    </linearGradient>
    <linearGradient id="a">
        <stop offset="0" stop-color="#faffff" />
        <stop offset="1" stop-color="#ffc4aa" />
    </linearGradient>
    <linearGradient
        id="d"
        x1="15.401"
        x2="26.599"
        y1="29.303"
        y2="48.697"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="34.37"
        x2="51.63"
        y1="17.053"
        y2="46.947"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient id="b">
        <stop offset="0" stop-color="#b2f7ef" />
        <stop offset="1" stop-color="#7bdff2" />
    </linearGradient>
    <linearGradient
        id="f"
        x1="14.623"
        x2="49.378"
        y1="1.901"
        y2="62.099"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="g"
        x1="14.903"
        x2="27.097"
        y1="28.439"
        y2="49.561"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="h"
        x1="33.872"
        x2="52.128"
        y1="16.189"
        y2="47.811"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <path
        fill="url(#c)"
        d="M45 61H19c-8.837 0-16-7.163-16-16V19c0-8.837 7.163-16 16-16h26c8.837 0 16 7.163 16 16v26c0 8.837-7.163 16-16 16z"
    />
    <path
        fill="url(#d)"
        d="M21 27a6 6 0 0 0-6 6v12a6 6 0 1 0 12 0V33a6 6 0 0 0-6-6z"
    />
    <path
        fill="url(#e)"
        d="M43 13a6 6 0 0 0-6 6v26a6 6 0 1 0 12 0V19a6 6 0 0 0-6-6z"
    />
    <path
        d="M45 62H19C9.626 62 2 54.374 2 45V19C2 9.626 9.626 2 19 2h26c9.374 0 17 7.626 17 17v26c0 9.374-7.626 17-17 17zM19 4C10.729 4 4 10.729 4 19v26c0 8.271 6.729 15 15 15h26c8.271 0 15-6.729 15-15V19c0-8.271-6.729-15-15-15z"
    />
    <path
        d="M21 52c-3.859 0-7-3.141-7-7V33c0-3.86 3.141-7 7-7s7 3.14 7 7v12c0 3.859-3.141 7-7 7zm0-24c-2.757 0-5 2.243-5 5v12c0 2.757 2.243 5 5 5s5-2.243 5-5V33c0-2.757-2.243-5-5-5zM43 52c-3.859 0-7-3.141-7-7V19c0-3.86 3.141-7 7-7s7 3.14 7 7v26c0 3.859-3.141 7-7 7zm0-38c-2.757 0-5 2.243-5 5v26c0 2.757 2.243 5 5 5s5-2.243 5-5V19c0-2.757-2.243-5-5-5z"
    />
</svg>
More icons in the same style and category