JSFiddle - React, Tailwind, and code Playground

HTML

<div class="navigationWidget">
  <a href="#">
    <svg>
      <rect class="square" width="36px" height="36px"></rect>
      <rect class="square" x="8px" y="8px" width="8px" height="8px"></rect>
      <rect class="square" x="20px" y="8px" width="8px" height="8px"></rect>
      <rect class="square" x="8px" y="20px" width="8px" height="8px"></rect>
      <rect class="square" x="20px" y="20px" width="8px" height="8px"></rect>
    </svg>
  </a>
</div>

CSS

.navigationWidget {
  height: 36px;
  position: absolute;
  top: 15px;
  right: -250px;
}

.square {
  fill: #fff;
  stroke-width: 1px;
  stroke: #424242;
}