Timeline

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 58 58"
>
    <g fill="none" fill-rule="evenodd">
        <path
            fill="#91bae2"
            d="M30.32 47H4a4 4 0 0 1-4-4V14a4 4 0 0 1 4-4h38a4 4 0 0 1 4 4v16.14z"
        />
        <g fill="#f3d55b">
            <rect width="10" height="7" x="4" y="14" rx="1" />
            <rect width="24" height="7" x="18" y="14" rx="1" />
            <rect width="23" height="7" x="4" y="25" rx="1" />
            <path
                d="M36.79 32H32a1.1 1.1 0 0 1-1-1.167v-4.666A1.1 1.1 0 0 1 32 25h9a1.1 1.1 0 0 1 1 1.167v3.663"
            />
        </g>
        <path
            fill="#e57e25"
            d="M30.04 43H20a1.094 1.094 0 0 1-1-1.17v-4.66A1.1 1.1 0 0 1 20 36h12.52"
        />
        <rect
            width="11"
            height="7"
            x="4"
            y="36"
            fill="#e57e25"
            rx="1"
            transform="rotate(180 9.5 39.5)"
        />
        <path
            fill="#2980ba"
            d="M58 44c0 7.732-6.268 14-14 14s-14-6.268-14-14 6.268-14 14-14c.67 0 1.337.048 2 .14A14.011 14.011 0 0 1 58 44z"
        />
        <path
            fill="#e64c3c"
            d="M27 0h-8a1 1 0 0 0-1 1v4.254a1 1 0 0 0 .349.76L22 9.143V44a1 1 0 0 0 2 0V9.143l3.651-3.129a1 1 0 0 0 .349-.76V1a1 1 0 0 0-1-1z"
        />
        <path
            fill="#c03a2b"
            d="M23 6a1 1 0 0 1-1-1V3a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1z"
        />
        <path
            fill="#fff"
            d="M51 43h-6v-6a1 1 0 0 0-2 0v6h-6a1 1 0 0 0 0 2h6v6a1 1 0 0 0 2 0v-6h6a1 1 0 0 0 0-2z"
        />
    </g>
</svg>