JSFiddle - React, Tailwind, and code Playground

HTML

<div class="loader-wrapper">
  <div class="loader"></div>
</div>

CSS

.loader-wrapper {
  width: 100%;
  height: 100vh;
  background-color: #11e;
}

@keyframes load {
  0% {
    transform-origin: 66.67% 50%;
    transform: rotate(0deg);
  }
  100% {
    transform-origin: 66.67% 50%;
    transform: rotate(360deg);
  }
}

.loader {
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 100px 173.2px 100px;
  border-color: transparent transparent #007bff transparent;
  animation: 4s linear 0s infinite load;
}