JSFiddle - React, Tailwind, and code Playground

by Felis Catus

HTML

<div class="switch">

</div>

CSS

.switch {
  margin: 20px;
  width: 32px;
  height: 32px;
  border-width: 1px;
  border-radius: 20px;
  border-style: solid;
  border-color: transparent black black;
  box-sizing: border-box;
  position: relative;
  filter: drop-shadow(0 0 1px black) drop-shadow(0 0 0px black) drop-shadow(0 0 0px black) drop-shadow(0 0 0px black) drop-shadow(0 0 0px black);
}
.switch:after {
  position: absolute;
  top: -2px;
  content: '';
  width:0;
  border: 1px solid black;
  left: 14px;
  height: 15px;
  display: block;
}