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

.loader {
  width: 120px; /* control the size */
  aspect-ratio: 1;
  background: conic-gradient(from 45deg,#046D8B 25%,#93A42A 0 50%,#2FB8AC 0 75%,#ECBE13 0); /* the colors here */
  -webkit-mask: radial-gradient(50% 50%,#000 96%,#0000) left/35% 35% no-repeat;
  animation: load 2s infinite;
}
@keyframes load {
  25% {-webkit-mask-position: top   }
  50% {-webkit-mask-position: right }
  75% {-webkit-mask-position: bottom}
}

body {
  min-height: 100vh;
  margin: 0;
  display: grid;
  place-content: center;
}