JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
  <div class="mark">
    <img src="https://image.flaticon.com/icons/png/512/24/24211.png" alt="">
  </div>
</div>

CSS

.wrap{
  text-align: center;
}
.mark{
  display: inline-block;
  position: relative;
}
.mark img{
  display: block;
  width: 100px;
}
.mark:before{
  content: '';
  display: block;
  width: 100px;
  height:2px;
  background: #000;
  position: absolute;
  right:100%;
  top:50%;
  margin-top: -1px;
}
.mark:after{
  content: '';
  display: block;
  width: 100px;
  height:2px;
  background: #000;
  position: absolute;
  left:100%;
  top:50%;
  margin-top: -1px;
}