IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

Chart icon - Lineal Color | SVG & PNG Free Download

Style Variants

Chart

Chart icon - also known as file, document, chart, graph, archive, analytics, files and folders, and business and finance. Created in a clean lineal color style with a white, silver, gray, black, red, and orange finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.

7/13/2025

Tags

files and folders

business and finance

Usage Snippets

Chart.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 44 60"
>
    <g fill="none" fill-rule="nonzero">
        <path
            fill="#f5f5f5"
            d="M43 15v39a5 5 0 0 1-5 5H6a5 5 0 0 1-5-5V6a5 5 0 0 1 5-5h23v9a5 5 0 0 0 5 5z"
        />
        <path
            fill="#cfd8dc"
            d="M31 15h3a5 5 0 0 1-5-5V1h-3v9a5 5 0 0 0 5 5zM40 15v39a5 5 0 0 1-5 5h3a5 5 0 0 0 5-5V15z"
        />
        <path fill="#9e9e9e" d="M43 15h-9a5 5 0 0 1-5-5V1z" />
        <path
            fill="#f44335"
            d="M38.993 26.963a1.015 1.015 0 0 0-.069-.346c0-.01-.011-.017-.015-.026a.842.842 0 0 0-.255-.333.989.989 0 0 0-.308-.186A1 1 0 0 0 38 26h-6a1 1 0 0 0 0 2h3.586L27 36.586l-4.293-4.293a1 1 0 0 0-1.414 0l-15 15a1 1 0 1 0 1.414 1.414L22 34.414l4.293 4.293a1 1 0 0 0 1.414 0L37 29.414V33a1 1 0 0 0 2 0v-6c0-.013-.007-.024-.007-.037z"
        />
        <path
            fill="#ff9801"
            d="M22 54a1 1 0 0 1-1-1V41a1 1 0 0 1 2 0v12a1 1 0 0 1-1 1z"
        />
        <path
            fill="#ff5722"
            d="M17 54a1 1 0 0 1-1-1v-8a1 1 0 0 1 2 0v8a1 1 0 0 1-1 1z"
        />
        <path
            fill="#ff9801"
            d="M12 54a1 1 0 0 1-1-1v-4a1 1 0 0 1 2 0v4a1 1 0 0 1-1 1z"
        />
        <path
            fill="#ff5722"
            d="M27 54a1 1 0 0 1-1-1v-8a1 1 0 0 1 2 0v8a1 1 0 0 1-1 1z"
        />
        <path
            fill="#ff9801"
            d="M32 54a1 1 0 0 1-1-1V40a1 1 0 0 1 2 0v13a1 1 0 0 1-1 1z"
        />
        <g fill="#000">
            <path
                d="M29.707.293A1 1 0 0 0 29 0H6a6.006 6.006 0 0 0-6 6v6a1 1 0 0 0 2 0V6a4 4 0 0 1 4-4h22v8a6.006 6.006 0 0 0 6 6h8v38a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V16.5a1 1 0 0 0-2 0V54a6.006 6.006 0 0 0 6 6h32a6.006 6.006 0 0 0 6-6V15a1 1 0 0 0-.293-.707zM30 10V3.414L40.586 14H34a4 4 0 0 1-4-4z"
            />
            <path
                d="M6 53a1 1 0 0 0 1 1h30a1 1 0 0 0 0-2H8V23a1 1 0 0 0-2 0zM7 8h17a1 1 0 0 0 0-2H7a1 1 0 1 0 0 2zM7 13h17a1 1 0 0 0 0-2H7a1 1 0 0 0 0 2zM7 18h9a1 1 0 0 0 0-2H7a1 1 0 0 0 0 2z"
            />
        </g>
    </g>
</svg>