JSFiddle - React, Tailwind, and code Playground

HTML

<a></a>

CSS

body {
    position: relative;
    width: 100px;
    height: 100px;
}

a {
    position: absolute;
    left: 12px;
    top: 12px;
    animation:r 60s infinite linear;
    transform-origin: 50% 50%;
    width: 75%;
    height: 75%;
}

a:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 1px;
    background: #800080;
}
@keyframes r {
    100%{
        transform: rotate(360deg)
    }
}