JSFiddle - React, Tailwind, and code Playground

HTML

<span></span>

CSS

* {
    margin: 0;
    padding: 0;
}
body {
    background: url("http://img0.liveinternet.ru/images/attach/c/7/96/815/96815858_Satarov28.png") top center;
}
span {
      width: 2px;
    height: 30px;
    display: block;
    background: red;
    transform: rotate(-45deg);
    margin-left: 10px;
    margin-top: -5px;
    position: absolute;
}
span::before {
  content: '';
  width: 2px;
    height: 30px;
    display: block;
    background: blue;
    transform: rotate(90deg);
    position: absolute;
    margin-top: 15px;
    margin-left: -15px;
}