JSFiddle - React, Tailwind, and code Playground

by Santosh Thakur

HTML

<div class="luf-loader-logo"></div>
<div class="luf-loader"></div>

CSS

.luf-loader {
    border: 5px solid #a9a9a9;
    border-top: 5px solid #f08827;
    border-left: 5px solid #f08827;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spiner 2s linear infinite;
}
.luf-loader-logo{
  background: url("https://www.lookupfare.com/resources/lookupfare/images/logo.png") no-repeat;
  position:absolute;
  display:inline-block;
  height:38px;
  width:38px;
  top:56px;
  left:56px;
}

@keyframes spiner {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}