JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<?xml version="1.0" encoding="utf-8"?>
<!-- Generated by IcoMoon.io -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16">
<path fill="#444444" d="M15 8c0 3.9-3.1 7-7 7s-7-3-7-7h-1c0 4 3.6 8 8 8s8-3.6 8-8h-1z"></path>
</svg>

CSS

svg circle , svg path {
    fill: purple;
}
svg {
    animation: spin .4s both infinite linear;
}
@keyframes spin {
    100% {
        transform: rotate(360deg)
    }
}