Bar Chart

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 54 54"
>
    <linearGradient
        id="a"
        x1="2.604"
        x2="50.01"
        y1="51.212"
        y2="4.163"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset=".132" stop-color="#00c5e5" />
        <stop offset="1" stop-color="#83e6ed" />
    </linearGradient>
    <linearGradient
        id="b"
        x1=".84"
        x2="48.246"
        y1="49.435"
        y2="2.385"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="2.104"
        x2="49.51"
        y1="50.709"
        y2="3.659"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="8.568"
        x2="55.974"
        y1="57.222"
        y2="10.172"
        href="#a"
    />
    <path
        fill="url(#a)"
        d="M27 4a23 23 0 1 0 23 23A23.026 23.026 0 0 0 27 4zm0 44a21 21 0 1 1 21-21 21.023 21.023 0 0 1-21 21z"
    />
    <path
        fill="url(#b)"
        d="M17.467 25.866a3.6 3.6 0 0 0-3.6 3.6V36.4a3.6 3.6 0 0 0 7.2 0v-6.933a3.6 3.6 0 0 0-3.6-3.601zm1.6 10.534a1.6 1.6 0 0 1-3.2 0v-6.933a1.6 1.6 0 1 1 3.2 0z"
    />
    <path
        fill="url(#c)"
        d="M27 12a3.6 3.6 0 0 0-3.6 3.6v20.8a3.6 3.6 0 1 0 7.2 0V15.6A3.6 3.6 0 0 0 27 12zm1.6 24.4a1.6 1.6 0 1 1-3.2 0V15.6a1.6 1.6 0 0 1 3.2 0z"
    />
    <path
        fill="url(#d)"
        d="M36.533 18.934a3.6 3.6 0 0 0-3.6 3.6V36.4a3.6 3.6 0 1 0 7.2 0V22.533a3.6 3.6 0 0 0-3.6-3.599zm1.6 17.466a1.6 1.6 0 1 1-3.2 0V22.533a1.6 1.6 0 0 1 3.2 0z"
    />
</svg>