Mobius Loop Icon

Component 70

About

Animated SVG icon that continuously morphs between two circles and an infinity shape.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Mobius Loop Icon to your project and fits it to your theme.

Code

How Mobius Loop Icon is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { MobiusLoopIcon } from "@/components/ui/mobius-loop-icon"

export default function MobiusLoopIconDemo() {
  return (
    <div className="flex min-h-52 items-center justify-center">
      <MobiusLoopIcon className="size-16 text-foreground" />
    </div>
  )
}