Bar Chart

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="-27"
        x2="498"
        y1="256"
        y2="256"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#003f8a" />
        <stop offset=".518" stop-color="#00d7df" />
        <stop offset="1" stop-color="#006df0" />
    </linearGradient>
    <linearGradient id="b" x2="498" y1="288" y2="288" href="#a" />
    <linearGradient id="c" x2="498" y1="240" y2="240" href="#a" />
    <linearGradient id="d" x2="498" y1="264" y2="264" href="#a" />
    <path
        fill="url(#a)"
        d="M476 8H36A28.032 28.032 0 0 0 8 36v440a28.032 28.032 0 0 0 28 28h440a28.032 28.032 0 0 0 28-28V36a28.032 28.032 0 0 0-28-28zm12 468a12.013 12.013 0 0 1-12 12H36a12.013 12.013 0 0 1-12-12V36a12.013 12.013 0 0 1 12-12h440a12.013 12.013 0 0 1 12 12z"
    />
    <path
        fill="url(#a)"
        d="M400 360H152V112a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v288a8 8 0 0 0 8 8h288a8 8 0 0 0 8-8v-32a8 8 0 0 0-8-8zm-8 32H120V120h16v248a8 8 0 0 0 8 8h248z"
    />
    <path
        fill="url(#b)"
        d="M176 344h48a8 8 0 0 0 8-8v-96a8 8 0 0 0-8-8h-48a8 8 0 0 0-8 8v96a8 8 0 0 0 8 8zm8-96h32v80h-32z"
    />
    <path
        fill="url(#c)"
        d="M256 344h48a8 8 0 0 0 8-8V144a8 8 0 0 0-8-8h-48a8 8 0 0 0-8 8v192a8 8 0 0 0 8 8zm8-192h32v176h-32z"
    />
    <path
        fill="url(#d)"
        d="M336 344h48a8 8 0 0 0 8-8V192a8 8 0 0 0-8-8h-48a8 8 0 0 0-8 8v144a8 8 0 0 0 8 8zm8-144h32v128h-32z"
    />
</svg>