JSFiddle - React, Tailwind, and code Playground

by klierik

HTML

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<div class="block">
  <span class="fa fa-spinner"></span>
</div>

SCSS

html, body {
  height: 100%;
}

body {
  align-items: center;
  display: flex;
  justify-content: center;
}

.block {
  transition: all 200ms ease;
  
  .fa {
    font-size: 172px;
  }
  
  &:hover {
    transform: rotate(180deg);
  }
}