<span>Hey there!
  <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 512 512">
    <path fill="currentColor" d="M256 0a256 256 0 1 1 0 512 256 256 0 0 1 0-512ZM97 348a9 9 0 0 1 13-12c38 25 89 40 146 40s108-15 146-40a9 9 0 0 1 13 12c-31 53-91 88-159 88s-128-35-159-88Zm64-258c16 0 30 37 30 83s-14 83-30 83-29-37-29-83 13-83 29-83Zm190 0c16 0 30 37 30 83s-14 83-30 83-29-37-29-83 13-83 29-83Z" />
  </svg>
</span>
span {
  font-size: 4em;
  font-weight: bold;
  font-family: sans-serif;
  animation: colorRotate 5s linear 0s infinite;
}
svg {
  height: .75em;
    width:.75em;
}
@keyframes colorRotate {
  from {
    color: #6666ff;
  }
  10% {
    color: #0099ff;
  }
  50% {
    color: #00ff00;
  }
  75% {
    color: #ff3399;
  }
  100% {
    color: #6666ff;
  }
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.