Infographic Elements

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="39.38"
        x2="39.38"
        y1="62.063"
        y2="17.486"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#1a125f" />
        <stop offset=".205" stop-color="#423795" />
        <stop offset=".681" stop-color="#ed1a58" />
        <stop offset="1" stop-color="#54c2ef" />
    </linearGradient>
    <linearGradient id="b" x1="14" x2="14" y1="62.063" y2="17.486" href="#a" />
    <linearGradient id="c" x1="26" x2="26" y1="62.063" y2="17.486" href="#a" />
    <linearGradient
        id="d"
        x1="24.62"
        x2="24.62"
        y1="62.063"
        y2="17.486"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="11.59"
        x2="11.59"
        y1="62.063"
        y2="17.486"
        href="#a"
    />
    <linearGradient id="f" x1="50" x2="50" y1="62.063" y2="17.486" href="#a" />
    <linearGradient
        id="g"
        x1="52.41"
        x2="52.41"
        y1="62.063"
        y2="17.486"
        href="#a"
    />
    <linearGradient id="h" x1="38" x2="38" y1="62.063" y2="17.486" href="#a" />
    <g>
        <path fill="url(#a)" d="M33 48v12h12.76l-2.57-12z" />
        <path
            fill="url(#b)"
            d="M9 15.41V46h10V15.41l-5-5zm6 .59v12a1 1 0 0 1-2 0V16a1 1 0 0 1 2 0z"
        />
        <path
            fill="url(#c)"
            d="m31 29.41-5-5-5 5V46h10zM27 42a1 1 0 0 1-2 0V30a1 1 0 0 1 2 0z"
        />
        <path fill="url(#d)" d="M18.24 60H31V48H20.81z" />
        <path fill="url(#e)" d="M4.42 60h11.77l2.57-12H8.7z" />
        <path
            fill="url(#f)"
            d="m55 21.41-5-5-5 5V46h10zM51 34a1 1 0 0 1-2 0V22a1 1 0 0 1 2 0z"
        />
        <path fill="url(#g)" d="M59.58 60 55.3 48H45.24l2.57 12z" />
        <path
            fill="url(#h)"
            d="m38 4.41-5 5V46h10V9.41zM39 22a1 1 0 0 1-2 0V10a1 1 0 0 1 2 0z"
        />
    </g>
</svg>