Sindbad~EG File Manager

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 225">
  <defs>
    <style>
      .cls-1 {
        isolation: isolate;
      }

      .cls-2 {
        fill: #62a6ef;
      }

      .cls-3 {
        opacity: 0.15;
        mix-blend-mode: multiply;
      }

      .cls-4 {
        fill: #36c670;
      }

      .cls-5 {
        fill: #d85d6f;
      }

      .cls-6 {
        fill: #f4c84d;
      }

      .cls-7 {
        fill: none;
      }
    </style>
  </defs>
  <title>timeline</title>
  <g class="cls-1">
    <g id="Layer_2" data-name="Layer 2">
      <g id="timeline">
        <g>
          <rect class="cls-2" x="96" y="140.5" width="205" height="8"/>
          <g>
            <g class="cls-3">
              <polygon points="96 80.5 96 131.5 144.26 131.5 153 137.84 153 131.06 153 123.09 153 80.5 96 80.5"/>
            </g>
            <polygon class="cls-4" points="96 73.5 96 124.5 144.26 124.5 153 130.84 153 124.06 153 116.09 153 73.5 96 73.5"/>
          </g>
          <g>
            <g class="cls-3">
              <polygon points="167 80.5 167 131.5 215.1 131.5 224 137.84 224 131.06 224 123.09 224 80.5 167 80.5"/>
            </g>
            <polygon class="cls-5" points="167 73.5 167 124.5 215.1 124.5 224 130.84 224 124.06 224 116.09 224 73.5 167 73.5"/>
          </g>
          <g>
            <g class="cls-3">
              <polygon points="311 80.5 311 131.5 262.63 131.5 254 137.84 254 131.06 254 123.09 254 80.5 311 80.5"/>
            </g>
            <polygon class="cls-6" points="311 73.5 311 124.5 262.63 124.5 254 130.84 254 124.06 254 116.09 254 73.5 311 73.5"/>
          </g>
          <circle class="cls-4" cx="152.87" cy="144.49" r="9.2"/>
          <circle class="cls-5" cx="223.71" cy="144.49" r="9.2"/>
          <circle class="cls-6" cx="254.02" cy="144.49" r="9.2"/>
          <polygon class="cls-2" points="298 135.3 311.59 144.48 298 153.66 298 135.3"/>
        </g>
        <rect class="cls-7" width="400" height="225"/>
      </g>
    </g>
  </g>
</svg>