light-dark-loop

pnpm dlx shadcn@latest add https://opensourceicon.com/r/line-md/light-dark-loop.json

<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 24 24"><defs><mask id="SVGPWNvGc7L26"><circle cx="7.5" cy="7.5" r="5.5" fill="#fff"/><circle cx="11" cy="7.5" r="6.5"><animate fill="freeze" attributeName="cx" dur="0.4s" values="7.5;11"/><animate fill="freeze" attributeName="r" dur="0.4s" values="5.5;6.5"/></circle></mask><mask id="SVGE5iORxWn7"><g fill="#fff"><circle cx="12" cy="9" r="5.5" transform="rotate(-45 12 12)"><animate fill="freeze" attributeName="cy" begin="0.9s" dur="0.5s" to="15"/></circle><path d="M12.62 20.62h3l-1.5 2.5Z" opacity="0"><animateTransform attributeName="transform" dur="5s" repeatCount="indefinite" type="rotate" values="-145 14.12 14.12;-95 14.12 14.12"/><set fill="freeze" attributeName="opacity" begin="1.4s" to="1"/><animate fill="freeze" attributeName="d" begin="1.4s" dur="0.4s" values="M13.12 17.12h2l-1 2Z;M12.62 20.62h3l-1.5 2.5Z"/></path><path d="M12.62 20.62h3l-1.5 2.5Z" opacity="0"><animateTransform attributeName="transform" dur="5s" repeatCount="indefinite" type="rotate" values="-95 14.12 14.12;-45 14.12 14.12"/><set fill="freeze" attributeName="opacity" begin="1.4s" to="1"/><animate fill="freeze" attributeName="d" begin="1.4s" dur="0.4s" values="M13.12 17.12h2l-1 2Z;M12.62 20.62h3l-1.5 2.5Z"/></path><path d="M12.62 20.62h3l-1.5 2.5Z" opacity="0"><animateTransform attributeName="transform" dur="5s" repeatCount="indefinite" type="rotate" values="-45 14.12 14.12;5 14.12 14.12"/><set fill="freeze" attributeName="opacity" begin="1.4s" to="1"/><animate fill="freeze" attributeName="d" begin="1.4s" dur="0.4s" values="M13.12 17.12h2l-1 2Z;M12.62 20.62h3l-1.5 2.5Z"/></path><path d="M12.62 20.62h3l-1.5 2.5Z" opacity="0"><animateTransform attributeName="transform" dur="5s" repeatCount="indefinite" type="rotate" values="5 14.12 14.12;55 14.12 14.12"/><set fill="freeze" attributeName="opacity" begin="1.4s" to="1"/><animate fill="freeze" attributeName="d" begin="1.4s" dur="0.4s" values="M13.12 17.12h2l-1 2Z;M12.62 20.62h3l-1.5 2.5Z"/></path></g><path d="M-4.97 12l18.38 -18.38l10.61 10.61l-18.38 18.38Z"/></mask></defs><g fill="currentColor"><path d="M0 0h24v24H0z" mask="url(#SVGPWNvGc7L26)"/><path d="M0 0h24v24H0z" mask="url(#SVGE5iORxWn7)"/></g><path fill="none" stroke="currentColor" stroke-dasharray="24" stroke-dashoffset="24" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M22 12h-22" transform="rotate(-45 12 12)"><animate attributeName="d" dur="5s" keyTimes="0;0.5;1" repeatCount="indefinite" values="M22 12h-22;M24 12h-22;M22 12h-22"/><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.5s" dur="0.3s" to="0"/></path></svg>