<svg id="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 285">
  <defs>
    <g id="cross">
      <rect id="r1" x="23" y="20" width="5" height="10" />
      <use href="#r1" y="20" />
      <rect id="r2" x="30" y="33" width="10" height="5" />
      <use href="#r2" x="-20" />
    </g>
  </defs>
  <path d="M186,67 186,135 109,135 109,54 462,54 462,183 139,183 139,250" />

  <use href="#cross" x="114" y="227" fill="red" />
  <use href="#cross" x="416" y="187" fill="red" />

</svg>

* {
  margin: 0;
  padding: 0;
}

img {
  display: block;
  border: 1px solid;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}

svg {
  width: 565px;
  height: 285px;
}

path {
  fill: none;
  stroke: #000;
  stroke-width: 5;
  stroke-dasharray: 10 20;
}