diff --git a/apps/www/__registry__/index.tsx b/apps/www/__registry__/index.tsx
index 4942166f..1ce4c453 100644
--- a/apps/www/__registry__/index.tsx
+++ b/apps/www/__registry__/index.tsx
@@ -20783,6 +20783,42 @@ export const index: Record<string, any> = {
     })(),
     command: '@animate-ui/icons-user',
   },
+  'icons-user-cog': {
+    name: 'icons-user-cog',
+    description: 'User cog icon component.',
+    type: 'registry:ui',
+    dependencies: ['motion'],
+    devDependencies: undefined,
+    registryDependencies: ['@animate-ui/icons-icon'],
+    files: [
+      {
+        path: 'registry/icons/user-cog/index.tsx',
+        type: 'registry:ui',
+        target: 'components/animate-ui/icons/user-cog.tsx',
+        content:
+          '\'use client\';\n\nimport * as React from \'react\';\nimport { motion, type Variants } from \'motion/react\';\n\nimport {\n  getVariants,\n  useAnimateIconContext,\n  IconWrapper,\n  type IconProps,\n} from \'@/components/animate-ui/icons/icon\';\n\ntype UserCogProps = IconProps<keyof typeof animations>;\n\nconst animations = {\n  default: {\n    path: {\n      initial: {\n        y: 0,\n      },\n      animate: {\n        y: [0, 2, -2, 0],\n        transition: {\n          duration: 0.6,\n          ease: \'easeInOut\',\n        },\n      },\n    },\n    circle: {\n      initial: {\n        y: 0,\n      },\n      animate: {\n        y: [0, 4, -2, 0],\n        transition: {\n          duration: 0.6,\n          ease: \'easeInOut\',\n        },\n      },\n    },\n    group: {\n      initial: {\n        rotate: 0,\n      },\n      animate: {\n        rotate: [0, 90, 180],\n        transition: {\n          duration: 1.25,\n          ease: \'easeInOut\',\n        },\n      },\n    },\n  } satisfies Record<string, Variants>,\n  rotate: {\n    path: {},\n    circle: {},\n    group: {\n      initial: {\n        rotate: 0,\n      },\n      animate: {\n        rotate: 360,\n        transition: {\n          duration: 2,\n          ease: \'linear\',\n          repeat: Infinity,\n        },\n      },\n    },\n  } satisfies Record<string, Variants>,\n} as const;\n\nfunction IconComponent({ size, ...props }: UserCogProps) {\n  const { controls } = useAnimateIconContext();\n  const variants = getVariants(animations);\n\n  return (\n    <motion.svg\n      xmlns="http://www.w3.org/2000/svg"\n      width={size}\n      height={size}\n      viewBox="0 0 24 24"\n      fill="none"\n      stroke="currentColor"\n      strokeWidth={2}\n      strokeLinecap="round"\n      strokeLinejoin="round"\n      {...props}\n    >\n      <motion.path\n        d="M10 15H6a4 4 0 0 0-4 4v2"\n        variants={variants.path}\n        initial="initial"\n        animate={controls}\n      />\n      <motion.circle\n        cx={9}\n        cy={7}\n        r={4}\n        variants={variants.circle}\n        initial="initial"\n        animate={controls}\n      />\n      <motion.g\n        variants={variants.group}\n        initial="initial"\n        animate={controls}\n        style={{ transformOrigin: \'18px 15px\' }}\n      >\n        <path d="m14.305 16.53.923-.382" />\n        <path d="m15.228 13.852-.923-.383" />\n        <path d="m16.852 12.228-.383-.923" />\n        <path d="m16.852 17.772-.383.924" />\n        <path d="m19.148 12.228.383-.923" />\n        <path d="m19.53 18.696-.382-.924" />\n        <path d="m20.772 13.852.924-.383" />\n        <path d="m20.772 16.148.924.383" />\n        <circle cx={18} cy={15} r={3} />\n      </motion.g>\n    </motion.svg>\n  );\n}\n\nfunction UserCog(props: UserCogProps) {\n  return <IconWrapper icon={IconComponent} {...props} />;\n}\n\nexport {\n  animations,\n  UserCog,\n  UserCog as UserCogIcon,\n  type UserCogProps,\n  type UserCogProps as UserCogIconProps,\n};',
+      },
+    ],
+    keywords: ['settings', 'edit', 'cog', 'gear'],
+    component: (function () {
+      const LazyComp = React.lazy(async () => {
+        const mod = await import('@/registry/icons/user-cog/index.tsx');
+        const exportName =
+          Object.keys(mod).find(
+            (key) =>
+              typeof mod[key] === 'function' || typeof mod[key] === 'object',
+          ) || 'icons-user-cog';
+        const Comp = mod.default || mod[exportName];
+        if (mod.animations) {
+          (LazyComp as any).animations = mod.animations;
+        }
+        return { default: Comp };
+      });
+      LazyComp.demoProps = {};
+      return LazyComp;
+    })(),
+    command: '@animate-ui/icons-user-cog',
+  },
   'icons-user-round': {
     name: 'icons-user-round',
     description: 'User round icon component.',
@@ -20819,6 +20855,42 @@ export const index: Record<string, any> = {
     })(),
     command: '@animate-ui/icons-user-round',
   },
+  'icons-user-round-cog': {
+    name: 'icons-user-round-cog',
+    description: 'User round cog icon component.',
+    type: 'registry:ui',
+    dependencies: ['motion'],
+    devDependencies: undefined,
+    registryDependencies: ['@animate-ui/icons-icon'],
+    files: [
+      {
+        path: 'registry/icons/user-round-cog/index.tsx',
+        type: 'registry:ui',
+        target: 'components/animate-ui/icons/user-round-cog.tsx',
+        content:
+          '\'use client\';\n\nimport * as React from \'react\';\nimport { motion, type Variants } from \'motion/react\';\n\nimport {\n  getVariants,\n  useAnimateIconContext,\n  IconWrapper,\n  type IconProps,\n} from \'@/components/animate-ui/icons/icon\';\n\ntype UserRoundCogProps = IconProps<keyof typeof animations>;\n\nconst animations = {\n  default: {\n    path: {\n      initial: {\n        y: 0,\n      },\n      animate: {\n        y: [0, 4, -2, 0],\n        transition: {\n          duration: 0.6,\n          ease: \'easeInOut\',\n        },\n      },\n    },\n    circle: {\n      initial: {\n        y: 0,\n      },\n      animate: {\n        y: [0, 1, -2, 0],\n        transition: {\n          duration: 0.6,\n          ease: \'easeInOut\',\n        },\n      },\n    },\n    group: {\n      initial: {\n        rotate: 0,\n      },\n      animate: {\n        rotate: [0, 90, 180],\n        transition: {\n          duration: 1.25,\n          ease: \'easeInOut\',\n        },\n      },\n    },\n  } satisfies Record<string, Variants>,\n  rotate: {\n    path: {},\n    circle: {},\n    group: {\n      initial: {\n        rotate: 0,\n      },\n      animate: {\n        rotate: 360,\n        transition: {\n          duration: 2,\n          ease: \'linear\',\n        },\n      },\n    },\n  } satisfies Record<string, Variants>,\n} as const;\n\nfunction IconComponent({ size, ...props }: UserRoundCogProps) {\n  const { controls } = useAnimateIconContext();\n  const variants = getVariants(animations);\n\n  return (\n    <motion.svg\n      xmlns="http://www.w3.org/2000/svg"\n      width={size}\n      height={size}\n      viewBox="0 0 24 24"\n      fill="none"\n      stroke="currentColor"\n      strokeWidth={2}\n      strokeLinecap="round"\n      strokeLinejoin="round"\n      {...props}\n    >\n      <motion.path\n        d="M2 21a8 8 0 0 1 10.434-7.62"\n        variants={variants.path}\n        initial="initial"\n        animate={controls}\n      />\n      <motion.circle\n        cx={10}\n        cy={8}\n        r={5}\n        variants={variants.circle}\n        initial="initial"\n        animate={controls}\n      />\n      <motion.g\n        variants={variants.group}\n        initial="initial"\n        animate={controls}\n        style={{ transformOrigin: \'18px 18px\' }}\n      >\n        <path d="m14.305 19.53.923-.382" />\n        <path d="m15.228 16.852-.923-.383" />\n        <path d="m16.852 15.228-.383-.923" />\n        <path d="m16.852 20.772-.383.924" />\n        <path d="m19.148 15.228.383-.923" />\n        <path d="m19.53 21.696-.382-.924" />\n        <path d="m20.772 16.852.924-.383" />\n        <path d="m20.772 19.148.924.383" />\n        <circle cx={18} cy={18} r={3} />\n      </motion.g>\n    </motion.svg>\n  );\n}\n\nfunction UserRoundCog(props: UserRoundCogProps) {\n  return <IconWrapper icon={IconComponent} {...props} />;\n}\n\nexport {\n  animations,\n  UserRoundCog,\n  UserRoundCog as UserRoundCogIcon,\n  type UserRoundCogProps,\n  type UserRoundCogProps as UserRoundCogIconProps,\n};',
+      },
+    ],
+    keywords: ['settings', 'edit', 'cog', 'gear'],
+    component: (function () {
+      const LazyComp = React.lazy(async () => {
+        const mod = await import('@/registry/icons/user-round-cog/index.tsx');
+        const exportName =
+          Object.keys(mod).find(
+            (key) =>
+              typeof mod[key] === 'function' || typeof mod[key] === 'object',
+          ) || 'icons-user-round-cog';
+        const Comp = mod.default || mod[exportName];
+        if (mod.animations) {
+          (LazyComp as any).animations = mod.animations;
+        }
+        return { default: Comp };
+      });
+      LazyComp.demoProps = {};
+      return LazyComp;
+    })(),
+    command: '@animate-ui/icons-user-round-cog',
+  },
   'icons-users': {
     name: 'icons-users',
     description: 'Users icon component.',
diff --git a/apps/www/public/r/icons-user-cog.json b/apps/www/public/r/icons-user-cog.json
new file mode 100644
index 00000000..ea23f9d2
--- /dev/null
+++ b/apps/www/public/r/icons-user-cog.json
@@ -0,0 +1,29 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "icons-user-cog",
+  "title": "User Cog Icon",
+  "description": "User cog icon component.",
+  "dependencies": [
+    "motion"
+  ],
+  "registryDependencies": [
+    "@animate-ui/icons-icon"
+  ],
+  "files": [
+    {
+      "path": "registry/icons/user-cog/index.tsx",
+      "content": "'use client';\n\nimport * as React from 'react';\nimport { motion, type Variants } from 'motion/react';\n\nimport {\n  getVariants,\n  useAnimateIconContext,\n  IconWrapper,\n  type IconProps,\n} from '@/components/animate-ui/icons/icon';\n\ntype UserCogProps = IconProps<keyof typeof animations>;\n\nconst animations = {\n  default: {\n    path: {\n      initial: {\n        y: 0,\n      },\n      animate: {\n        y: [0, 2, -2, 0],\n        transition: {\n          duration: 0.6,\n          ease: 'easeInOut',\n        },\n      },\n    },\n    circle: {\n      initial: {\n        y: 0,\n      },\n      animate: {\n        y: [0, 4, -2, 0],\n        transition: {\n          duration: 0.6,\n          ease: 'easeInOut',\n        },\n      },\n    },\n    group: {\n      initial: {\n        rotate: 0,\n      },\n      animate: {\n        rotate: [0, 90, 180],\n        transition: {\n          duration: 1.25,\n          ease: 'easeInOut',\n        },\n      },\n    },\n  } satisfies Record<string, Variants>,\n  rotate: {\n    path: {},\n    circle: {},\n    group: {\n      initial: {\n        rotate: 0,\n      },\n      animate: {\n        rotate: 360,\n        transition: {\n          duration: 2,\n          ease: 'linear',\n          repeat: Infinity,\n        },\n      },\n    },\n  } satisfies Record<string, Variants>,\n} as const;\n\nfunction IconComponent({ size, ...props }: UserCogProps) {\n  const { controls } = useAnimateIconContext();\n  const variants = getVariants(animations);\n\n  return (\n    <motion.svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={2}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      {...props}\n    >\n      <motion.path\n        d=\"M10 15H6a4 4 0 0 0-4 4v2\"\n        variants={variants.path}\n        initial=\"initial\"\n        animate={controls}\n      />\n      <motion.circle\n        cx={9}\n        cy={7}\n        r={4}\n        variants={variants.circle}\n        initial=\"initial\"\n        animate={controls}\n      />\n      <motion.g\n        variants={variants.group}\n        initial=\"initial\"\n        animate={controls}\n        style={{ transformOrigin: '18px 15px' }}\n      >\n        <path d=\"m14.305 16.53.923-.382\" />\n        <path d=\"m15.228 13.852-.923-.383\" />\n        <path d=\"m16.852 12.228-.383-.923\" />\n        <path d=\"m16.852 17.772-.383.924\" />\n        <path d=\"m19.148 12.228.383-.923\" />\n        <path d=\"m19.53 18.696-.382-.924\" />\n        <path d=\"m20.772 13.852.924-.383\" />\n        <path d=\"m20.772 16.148.924.383\" />\n        <circle cx={18} cy={15} r={3} />\n      </motion.g>\n    </motion.svg>\n  );\n}\n\nfunction UserCog(props: UserCogProps) {\n  return <IconWrapper icon={IconComponent} {...props} />;\n}\n\nexport {\n  animations,\n  UserCog,\n  UserCog as UserCogIcon,\n  type UserCogProps,\n  type UserCogProps as UserCogIconProps,\n};\n",
+      "type": "registry:ui",
+      "target": "components/animate-ui/icons/user-cog.tsx"
+    }
+  ],
+  "meta": {
+    "keywords": [
+      "settings",
+      "edit",
+      "cog",
+      "gear"
+    ]
+  },
+  "type": "registry:ui"
+}
\ No newline at end of file
diff --git a/apps/www/public/r/icons-user-round-cog.json b/apps/www/public/r/icons-user-round-cog.json
new file mode 100644
index 00000000..cb4b81dc
--- /dev/null
+++ b/apps/www/public/r/icons-user-round-cog.json
@@ -0,0 +1,29 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "icons-user-round-cog",
+  "title": "User Round Cog Icon",
+  "description": "User round cog icon component.",
+  "dependencies": [
+    "motion"
+  ],
+  "registryDependencies": [
+    "@animate-ui/icons-icon"
+  ],
+  "files": [
+    {
+      "path": "registry/icons/user-round-cog/index.tsx",
+      "content": "'use client';\n\nimport * as React from 'react';\nimport { motion, type Variants } from 'motion/react';\n\nimport {\n  getVariants,\n  useAnimateIconContext,\n  IconWrapper,\n  type IconProps,\n} from '@/components/animate-ui/icons/icon';\n\ntype UserRoundCogProps = IconProps<keyof typeof animations>;\n\nconst animations = {\n  default: {\n    path: {\n      initial: {\n        y: 0,\n      },\n      animate: {\n        y: [0, 4, -2, 0],\n        transition: {\n          duration: 0.6,\n          ease: 'easeInOut',\n        },\n      },\n    },\n    circle: {\n      initial: {\n        y: 0,\n      },\n      animate: {\n        y: [0, 1, -2, 0],\n        transition: {\n          duration: 0.6,\n          ease: 'easeInOut',\n        },\n      },\n    },\n    group: {\n      initial: {\n        rotate: 0,\n      },\n      animate: {\n        rotate: [0, 90, 180],\n        transition: {\n          duration: 1.25,\n          ease: 'easeInOut',\n        },\n      },\n    },\n  } satisfies Record<string, Variants>,\n  rotate: {\n    path: {},\n    circle: {},\n    group: {\n      initial: {\n        rotate: 0,\n      },\n      animate: {\n        rotate: 360,\n        transition: {\n          duration: 2,\n          ease: 'linear',\n        },\n      },\n    },\n  } satisfies Record<string, Variants>,\n} as const;\n\nfunction IconComponent({ size, ...props }: UserRoundCogProps) {\n  const { controls } = useAnimateIconContext();\n  const variants = getVariants(animations);\n\n  return (\n    <motion.svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={2}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      {...props}\n    >\n      <motion.path\n        d=\"M2 21a8 8 0 0 1 10.434-7.62\"\n        variants={variants.path}\n        initial=\"initial\"\n        animate={controls}\n      />\n      <motion.circle\n        cx={10}\n        cy={8}\n        r={5}\n        variants={variants.circle}\n        initial=\"initial\"\n        animate={controls}\n      />\n      <motion.g\n        variants={variants.group}\n        initial=\"initial\"\n        animate={controls}\n        style={{ transformOrigin: '18px 18px' }}\n      >\n        <path d=\"m14.305 19.53.923-.382\" />\n        <path d=\"m15.228 16.852-.923-.383\" />\n        <path d=\"m16.852 15.228-.383-.923\" />\n        <path d=\"m16.852 20.772-.383.924\" />\n        <path d=\"m19.148 15.228.383-.923\" />\n        <path d=\"m19.53 21.696-.382-.924\" />\n        <path d=\"m20.772 16.852.924-.383\" />\n        <path d=\"m20.772 19.148.924.383\" />\n        <circle cx={18} cy={18} r={3} />\n      </motion.g>\n    </motion.svg>\n  );\n}\n\nfunction UserRoundCog(props: UserRoundCogProps) {\n  return <IconWrapper icon={IconComponent} {...props} />;\n}\n\nexport {\n  animations,\n  UserRoundCog,\n  UserRoundCog as UserRoundCogIcon,\n  type UserRoundCogProps,\n  type UserRoundCogProps as UserRoundCogIconProps,\n};\n",
+      "type": "registry:ui",
+      "target": "components/animate-ui/icons/user-round-cog.tsx"
+    }
+  ],
+  "meta": {
+    "keywords": [
+      "settings",
+      "edit",
+      "cog",
+      "gear"
+    ]
+  },
+  "type": "registry:ui"
+}
\ No newline at end of file
diff --git a/apps/www/public/r/registry.json b/apps/www/public/r/registry.json
index 475efb99..b1221cab 100644
--- a/apps/www/public/r/registry.json
+++ b/apps/www/public/r/registry.json
@@ -14042,6 +14042,33 @@
         ]
       }
     },
+    {
+      "name": "icons-user-cog",
+      "type": "registry:ui",
+      "title": "User Cog Icon",
+      "description": "User cog icon component.",
+      "registryDependencies": [
+        "@animate-ui/icons-icon"
+      ],
+      "dependencies": [
+        "motion"
+      ],
+      "files": [
+        {
+          "path": "registry/icons/user-cog/index.tsx",
+          "type": "registry:ui",
+          "target": "components/animate-ui/icons/user-cog.tsx"
+        }
+      ],
+      "meta": {
+        "keywords": [
+          "settings",
+          "edit",
+          "cog",
+          "gear"
+        ]
+      }
+    },
     {
       "name": "icons-user-round",
       "type": "registry:ui",
@@ -14068,6 +14095,33 @@
         ]
       }
     },
+    {
+      "name": "icons-user-round-cog",
+      "type": "registry:ui",
+      "title": "User Round Cog Icon",
+      "description": "User round cog icon component.",
+      "registryDependencies": [
+        "@animate-ui/icons-icon"
+      ],
+      "dependencies": [
+        "motion"
+      ],
+      "files": [
+        {
+          "path": "registry/icons/user-round-cog/index.tsx",
+          "type": "registry:ui",
+          "target": "components/animate-ui/icons/user-round-cog.tsx"
+        }
+      ],
+      "meta": {
+        "keywords": [
+          "settings",
+          "edit",
+          "cog",
+          "gear"
+        ]
+      }
+    },
     {
       "name": "icons-users",
       "type": "registry:ui",
diff --git a/apps/www/registry/icons/user-cog/index.tsx b/apps/www/registry/icons/user-cog/index.tsx
new file mode 100644
index 00000000..6f73395d
--- /dev/null
+++ b/apps/www/registry/icons/user-cog/index.tsx
@@ -0,0 +1,134 @@
+'use client';
+
+import * as React from 'react';
+import { motion, type Variants } from 'motion/react';
+
+import {
+  getVariants,
+  useAnimateIconContext,
+  IconWrapper,
+  type IconProps,
+} from '@/registry/icons/icon';
+
+type UserCogProps = IconProps<keyof typeof animations>;
+
+const animations = {
+  default: {
+    path: {
+      initial: {
+        y: 0,
+      },
+      animate: {
+        y: [0, 2, -2, 0],
+        transition: {
+          duration: 0.6,
+          ease: 'easeInOut',
+        },
+      },
+    },
+    circle: {
+      initial: {
+        y: 0,
+      },
+      animate: {
+        y: [0, 4, -2, 0],
+        transition: {
+          duration: 0.6,
+          ease: 'easeInOut',
+        },
+      },
+    },
+    group: {
+      initial: {
+        rotate: 0,
+      },
+      animate: {
+        rotate: [0, 90, 180],
+        transition: {
+          duration: 1.25,
+          ease: 'easeInOut',
+        },
+      },
+    },
+  } satisfies Record<string, Variants>,
+  rotate: {
+    path: {},
+    circle: {},
+    group: {
+      initial: {
+        rotate: 0,
+      },
+      animate: {
+        rotate: 360,
+        transition: {
+          duration: 2,
+          ease: 'linear',
+          repeat: Infinity,
+        },
+      },
+    },
+  } satisfies Record<string, Variants>,
+} as const;
+
+function IconComponent({ size, ...props }: UserCogProps) {
+  const { controls } = useAnimateIconContext();
+  const variants = getVariants(animations);
+
+  return (
+    <motion.svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      {...props}
+    >
+      <motion.path
+        d="M10 15H6a4 4 0 0 0-4 4v2"
+        variants={variants.path}
+        initial="initial"
+        animate={controls}
+      />
+      <motion.circle
+        cx={9}
+        cy={7}
+        r={4}
+        variants={variants.circle}
+        initial="initial"
+        animate={controls}
+      />
+      <motion.g
+        variants={variants.group}
+        initial="initial"
+        animate={controls}
+        style={{ transformOrigin: '18px 15px' }}
+      >
+        <path d="m14.305 16.53.923-.382" />
+        <path d="m15.228 13.852-.923-.383" />
+        <path d="m16.852 12.228-.383-.923" />
+        <path d="m16.852 17.772-.383.924" />
+        <path d="m19.148 12.228.383-.923" />
+        <path d="m19.53 18.696-.382-.924" />
+        <path d="m20.772 13.852.924-.383" />
+        <path d="m20.772 16.148.924.383" />
+        <circle cx={18} cy={15} r={3} />
+      </motion.g>
+    </motion.svg>
+  );
+}
+
+function UserCog(props: UserCogProps) {
+  return <IconWrapper icon={IconComponent} {...props} />;
+}
+
+export {
+  animations,
+  UserCog,
+  UserCog as UserCogIcon,
+  type UserCogProps,
+  type UserCogProps as UserCogIconProps,
+};
diff --git a/apps/www/registry/icons/user-cog/registry-item.json b/apps/www/registry/icons/user-cog/registry-item.json
new file mode 100644
index 00000000..7e629017
--- /dev/null
+++ b/apps/www/registry/icons/user-cog/registry-item.json
@@ -0,0 +1,19 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "icons-user-cog",
+  "type": "registry:ui",
+  "title": "User Cog Icon",
+  "description": "User cog icon component.",
+  "registryDependencies": ["@animate-ui/icons-icon"],
+  "dependencies": ["motion"],
+  "files": [
+    {
+      "path": "registry/icons/user-cog/index.tsx",
+      "type": "registry:ui",
+      "target": "components/animate-ui/icons/user-cog.tsx"
+    }
+  ],
+  "meta": {
+    "keywords": ["settings", "edit", "cog", "gear"]
+  }
+}
diff --git a/apps/www/registry/icons/user-round-cog/index.tsx b/apps/www/registry/icons/user-round-cog/index.tsx
new file mode 100644
index 00000000..5da70ad3
--- /dev/null
+++ b/apps/www/registry/icons/user-round-cog/index.tsx
@@ -0,0 +1,133 @@
+'use client';
+
+import * as React from 'react';
+import { motion, type Variants } from 'motion/react';
+
+import {
+  getVariants,
+  useAnimateIconContext,
+  IconWrapper,
+  type IconProps,
+} from '@/registry/icons/icon';
+
+type UserRoundCogProps = IconProps<keyof typeof animations>;
+
+const animations = {
+  default: {
+    path: {
+      initial: {
+        y: 0,
+      },
+      animate: {
+        y: [0, 4, -2, 0],
+        transition: {
+          duration: 0.6,
+          ease: 'easeInOut',
+        },
+      },
+    },
+    circle: {
+      initial: {
+        y: 0,
+      },
+      animate: {
+        y: [0, 1, -2, 0],
+        transition: {
+          duration: 0.6,
+          ease: 'easeInOut',
+        },
+      },
+    },
+    group: {
+      initial: {
+        rotate: 0,
+      },
+      animate: {
+        rotate: [0, 90, 180],
+        transition: {
+          duration: 1.25,
+          ease: 'easeInOut',
+        },
+      },
+    },
+  } satisfies Record<string, Variants>,
+  rotate: {
+    path: {},
+    circle: {},
+    group: {
+      initial: {
+        rotate: 0,
+      },
+      animate: {
+        rotate: 360,
+        transition: {
+          duration: 2,
+          ease: 'linear',
+        },
+      },
+    },
+  } satisfies Record<string, Variants>,
+} as const;
+
+function IconComponent({ size, ...props }: UserRoundCogProps) {
+  const { controls } = useAnimateIconContext();
+  const variants = getVariants(animations);
+
+  return (
+    <motion.svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      {...props}
+    >
+      <motion.path
+        d="M2 21a8 8 0 0 1 10.434-7.62"
+        variants={variants.path}
+        initial="initial"
+        animate={controls}
+      />
+      <motion.circle
+        cx={10}
+        cy={8}
+        r={5}
+        variants={variants.circle}
+        initial="initial"
+        animate={controls}
+      />
+      <motion.g
+        variants={variants.group}
+        initial="initial"
+        animate={controls}
+        style={{ transformOrigin: '18px 18px' }}
+      >
+        <path d="m14.305 19.53.923-.382" />
+        <path d="m15.228 16.852-.923-.383" />
+        <path d="m16.852 15.228-.383-.923" />
+        <path d="m16.852 20.772-.383.924" />
+        <path d="m19.148 15.228.383-.923" />
+        <path d="m19.53 21.696-.382-.924" />
+        <path d="m20.772 16.852.924-.383" />
+        <path d="m20.772 19.148.924.383" />
+        <circle cx={18} cy={18} r={3} />
+      </motion.g>
+    </motion.svg>
+  );
+}
+
+function UserRoundCog(props: UserRoundCogProps) {
+  return <IconWrapper icon={IconComponent} {...props} />;
+}
+
+export {
+  animations,
+  UserRoundCog,
+  UserRoundCog as UserRoundCogIcon,
+  type UserRoundCogProps,
+  type UserRoundCogProps as UserRoundCogIconProps,
+};
diff --git a/apps/www/registry/icons/user-round-cog/registry-item.json b/apps/www/registry/icons/user-round-cog/registry-item.json
new file mode 100644
index 00000000..b8af88c6
--- /dev/null
+++ b/apps/www/registry/icons/user-round-cog/registry-item.json
@@ -0,0 +1,19 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "icons-user-round-cog",
+  "type": "registry:ui",
+  "title": "User Round Cog Icon",
+  "description": "User round cog icon component.",
+  "registryDependencies": ["@animate-ui/icons-icon"],
+  "dependencies": ["motion"],
+  "files": [
+    {
+      "path": "registry/icons/user-round-cog/index.tsx",
+      "type": "registry:ui",
+      "target": "components/animate-ui/icons/user-round-cog.tsx"
+    }
+  ],
+  "meta": {
+    "keywords": ["settings", "edit", "cog", "gear"]
+  }
+}