JSFiddle - React, Tailwind, and code Playground

HTML

<p>
  ほげほげ
  <svg class="text" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
    <circle cx="100" cy="100" r="100"/>
  </svg>
</p>

CSS

p {
  animation: rainbow 0.5s linear infinite;
}

svg.text {
  height: 1em;
  vertical-align: text-bottom;
  fill: currentColor;
}

@keyframes rainbow {
    0% {
        color: #ff0000;
    }
    50% {
        color: #00ff00;
    }
    100% {
        color: #0000ff;
    }
}