Tailwind Css profile rounded with ranbow

actual-output.md

profile.tsx

export default function profile {
  return (
    <a  class="focus:outline-none  inline-flex h-14 w-14 items-center justify-center rounded-full mt-32 ml-32" >
      <div class="absolute  animate-spin-slow">
        <svg height="56" width="56" viewBox="0 0 56 56">
          <path d="M29.465,0.038373A28,28,0,0,1,52.948,40.712L51.166,39.804A26,26,0,0,0,29.361,2.0356Z" class="text-yellow-600" fill="currentColor"></path>
          <path d="M51.483,43.250A28,28,0,0,1,4.5172,43.250L6.1946,42.161A26,26,0,0,0,49.805,42.161Z" class="text-blue-500" fill="currentColor"></path>
          <path d="M3.0518,40.712A28,28,0,0,1,26.535,0.038373L26.639,2.0356A26,26,0,0,0,4.8338,39.804Z" class="text-red-600" fill="currentColor"></path>
        </svg>
      </div>
      <img class="inline w-12 h-12 select-none rounded-full" src="	https://avatars.githubusercontent.com/u/60768713?v=4" alt="itish Profile in White" />
    </a>


  )
 }

tailwindconfig.js

module.exports = {
  theme: {
    extend: {
      animation: {
        'spin-slow': 'spin 4s linear infinite',
      }
    }
  }
}