Timeline

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 110 110"
>
    <g>
        <circle cx="51" cy="55" r="50" fill="#e7efff" />
        <path fill="#7f96d1" d="M87 27v68H21A50 50 0 0 1 9.57 27z" />
        <path
            fill="#a5bced"
            d="M65 27h4v68h-4zM13 27v60.48a48.79 48.79 0 0 1-4-5.36V27.87l.57-.87zM37 27h4v68h-4z"
        />
        <rect width="30" height="12" x="18" y="55" fill="#ffa100" rx="2" />
        <rect width="46" height="12" x="29" y="67" fill="#00c99f" rx="2" />
        <path fill="#fff" d="M67 76H33a1 1 0 0 1 0-2h34a1 1 0 0 1 0 2z" />
        <circle cx="82" cy="85" r="24" fill="#4e6aff" />
        <circle cx="82" cy="85" r="20" fill="#8fa2ff" />
        <path
            fill="#ff4d69"
            d="M89 93a1 1 0 0 1-.71-.29l-12-12a1 1 0 0 1 1.42-1.42l12 12A1 1 0 0 1 89 93z"
        />
        <g fill="#fff">
            <circle cx="82" cy="70" r="2" />
            <circle cx="92.61" cy="74.39" r="2" />
            <circle cx="97" cy="85" r="2" />
            <circle cx="92.61" cy="95.61" r="2" />
            <circle cx="82" cy="100" r="2" />
            <circle cx="71.39" cy="95.61" r="2" />
            <circle cx="67" cy="85" r="2" />
            <circle cx="71.39" cy="74.39" r="2" />
            <path
                d="M76 93a2 2 0 0 1-1.41-3.41L80 84.17V79a2 2 0 0 1 4 0v6a2 2 0 0 1-.59 1.41l-6 6A2 2 0 0 1 76 93z"
            />
        </g>
        <circle cx="11" cy="4" r="3" fill="#00c99f" />
        <circle cx="89" cy="6" r="3" fill="#ffa100" />
        <circle cx="106" cy="63" r="3" fill="#00c99f" />
        <circle cx="20" cy="106" r="3" fill="#ff4d69" />
        <path
            fill="#4e6aff"
            d="M92 17v6a4 4 0 0 1-4 4H9.57a50.09 50.09 0 0 1 14.31-14H88a4 4 0 0 1 4 4z"
        />
        <rect width="12" height="14" x="61" y="4" fill="#323fd4" rx="3" />
        <path
            fill="#ff4d69"
            d="M25 39v8a2 2 0 0 1-2 2H3a2 2 0 0 1-1.54-.73A48.71 48.71 0 0 1 4.35 37H23a2 2 0 0 1 2 2z"
        />
        <path
            fill="#fff"
            d="M11 42H5a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2zM21 46H5a1 1 0 0 1 0-2h16a1 1 0 0 1 0 2zM28 60h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2zM44 64H22a1 1 0 0 1 0-2h22a1 1 0 0 1 0 2z"
        />
        <rect width="24" height="12" x="57" y="32" fill="#ffa100" rx="2" />
        <path
            fill="#fff"
            d="M67 37h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2zM77 41H61a1 1 0 0 1 0-2h16a1 1 0 0 1 0 2zM39 72h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2z"
        />
    </g>
</svg>