diff --git a/apps/v4/app/(create)/components/icon-library-picker.tsx b/apps/v4/app/(create)/components/icon-library-picker.tsx
index 9b543fdf543..9d2f334f3da 100644
--- a/apps/v4/app/(create)/components/icon-library-picker.tsx
+++ b/apps/v4/app/(create)/components/icon-library-picker.tsx
@@ -39,6 +39,12 @@ const IconHugeicons = lazy(() =>
   }))
 )
 
+const IconPhosphor = lazy(() =>
+  import("@/registry/icons/icon-phosphor").then((mod) => ({
+    default: mod.IconPhosphor,
+  }))
+)
+
 const PREVIEW_ICONS = {
   lucide: [
     "CopyIcon",
@@ -88,6 +94,22 @@ const PREVIEW_ICONS = {
     "ArrowDown01Icon",
     "ArrowRight01Icon",
   ],
+  phosphor: [
+    "CopyIcon",
+    "WarningCircleIcon",
+    "TrashIcon",
+    "ShareIcon",
+    "BagIcon",
+    "DotsThreeIcon",
+    "SpinnerIcon",
+    "PlusIcon",
+    "MinusIcon",
+    "ArrowLeftIcon",
+    "ArrowRightIcon",
+    "CheckIcon",
+    "CaretDownIcon",
+    "CaretRightIcon",
+  ],
 }
 
 const logos = {
@@ -154,6 +176,24 @@ const logos = {
       ></path>
     </svg>
   ),
+  phosphor: (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 32 32"
+      width="32"
+      height="32"
+    >
+      <path fill="none" d="M0 0h32v32H0z" />
+      <path
+        fill="none"
+        stroke="currentColor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth="2"
+        d="M9 5h9v16H9zm9 16v9a9 9 0 0 1-9-9M9 5l9 16m0 0h1a8 8 0 0 0 0-16h-1"
+      />
+    </svg>
+  ),
 }
 
 export function IconLibraryPicker({
@@ -259,7 +299,9 @@ const IconLibraryPreview = memo(function IconLibraryPreview({
       ? IconLucide
       : iconLibrary === "tabler"
         ? IconTabler
-        : IconHugeicons
+        : iconLibrary === "hugeicons"
+          ? IconHugeicons
+          : IconPhosphor
 
   return (
     <Suspense
diff --git a/apps/v4/app/(create)/components/icon-placeholder.tsx b/apps/v4/app/(create)/components/icon-placeholder.tsx
index c4c7ba300c9..9da00650774 100644
--- a/apps/v4/app/(create)/components/icon-placeholder.tsx
+++ b/apps/v4/app/(create)/components/icon-placeholder.tsx
@@ -24,6 +24,12 @@ const IconHugeicons = lazy(() =>
   }))
 )
 
+const IconPhosphor = lazy(() =>
+  import("@/registry/icons/icon-phosphor").then((mod) => ({
+    default: mod.IconPhosphor,
+  }))
+)
+
 export function IconPlaceholder({
   ...props
 }: {
@@ -43,6 +49,9 @@ export function IconPlaceholder({
       {iconLibrary === "hugeicons" && (
         <IconHugeicons name={iconName} {...props} />
       )}
+      {iconLibrary === "phosphor" && (
+        <IconPhosphor name={iconName} {...props} />
+      )}
     </Suspense>
   )
 }
diff --git a/apps/v4/app/(internal)/sink/components/dropdown-menu-demo.tsx b/apps/v4/app/(internal)/sink/components/dropdown-menu-demo.tsx
index ca922b654aa..0aa2250e40d 100644
--- a/apps/v4/app/(internal)/sink/components/dropdown-menu-demo.tsx
+++ b/apps/v4/app/(internal)/sink/components/dropdown-menu-demo.tsx
@@ -117,6 +117,7 @@ function DropdownMenuCheckboxes() {
               lucide="UserIcon"
               tabler="IconUser"
               hugeicons="UserIcon"
+              phosphor="UserIcon"
             />
             Profile
           </DropdownMenuItem>
@@ -125,6 +126,7 @@ function DropdownMenuCheckboxes() {
               lucide="CreditCardIcon"
               tabler="IconCreditCard"
               hugeicons="CreditCardIcon"
+              phosphor="CreditCardIcon"
             />
             Billing
           </DropdownMenuItem>
@@ -133,6 +135,7 @@ function DropdownMenuCheckboxes() {
               lucide="SettingsIcon"
               tabler="IconSettings"
               hugeicons="SettingsIcon"
+              phosphor="GearIcon"
             />
             Settings
           </DropdownMenuItem>
@@ -167,6 +170,7 @@ function DropdownMenuCheckboxes() {
               lucide="LogOutIcon"
               tabler="IconLogout"
               hugeicons="LogoutIcon"
+              phosphor="SignOutIcon"
             />
             Sign Out
           </DropdownMenuItem>
@@ -222,6 +226,7 @@ function DropdownMenuWithAvatar() {
             lucide="ChevronsUpDownIcon"
             tabler="IconChevronsUpDown"
             hugeicons="ChevronUpDownIcon"
+            phosphor="CaretUpDownIcon"
             className="text-muted-foreground ml-auto"
           />
         </Button>
@@ -251,6 +256,7 @@ function DropdownMenuWithAvatar() {
               lucide="SparklesIcon"
               tabler="IconSparkles"
               hugeicons="SparklesIcon"
+              phosphor="SparklesIcon"
             />
             Upgrade to Pro
           </DropdownMenuItem>
@@ -262,6 +268,7 @@ function DropdownMenuWithAvatar() {
               lucide="BadgeCheckIcon"
               tabler="IconBadgeCheck"
               hugeicons="BadgeCheckIcon"
+              phosphor="CheckCircleIcon"
             />
             Account
           </DropdownMenuItem>
@@ -270,6 +277,7 @@ function DropdownMenuWithAvatar() {
               lucide="CreditCardIcon"
               tabler="IconCreditCard"
               hugeicons="CreditCardIcon"
+              phosphor="CreditCardIcon"
             />
             Billing
           </DropdownMenuItem>
@@ -278,6 +286,7 @@ function DropdownMenuWithAvatar() {
               lucide="BellIcon"
               tabler="IconBell"
               hugeicons="BellIcon"
+              phosphor="BellIcon"
             />
             Notifications
           </DropdownMenuItem>
@@ -288,6 +297,7 @@ function DropdownMenuWithAvatar() {
             lucide="LogOutIcon"
             tabler="IconLogout"
             hugeicons="LogoutIcon"
+            phosphor="SignOutIcon"
           />
           Sign Out
         </DropdownMenuItem>
@@ -341,6 +351,7 @@ function DropdownMenuAvatarOnly() {
               lucide="SparklesIcon"
               tabler="IconSparkles"
               hugeicons="SparklesIcon"
+              phosphor="SparklesIcon"
             />
             Upgrade to Pro
           </DropdownMenuItem>
@@ -352,6 +363,7 @@ function DropdownMenuAvatarOnly() {
               lucide="BadgeCheckIcon"
               tabler="IconBadgeCheck"
               hugeicons="BadgeCheckIcon"
+              phosphor="CheckCircleIcon"
             />
             Account
           </DropdownMenuItem>
@@ -360,6 +372,7 @@ function DropdownMenuAvatarOnly() {
               lucide="CreditCardIcon"
               tabler="IconCreditCard"
               hugeicons="CreditCardIcon"
+              phosphor="CreditCardIcon"
             />
             Billing
           </DropdownMenuItem>
@@ -368,6 +381,7 @@ function DropdownMenuAvatarOnly() {
               lucide="BellIcon"
               tabler="IconBell"
               hugeicons="BellIcon"
+              phosphor="BellIcon"
             />
             Notifications
           </DropdownMenuItem>
@@ -378,6 +392,7 @@ function DropdownMenuAvatarOnly() {
             lucide="LogOutIcon"
             tabler="IconLogout"
             hugeicons="LogoutIcon"
+            phosphor="SignOutIcon"
           />
           Sign Out
         </DropdownMenuItem>
@@ -395,6 +410,7 @@ function DropdownMenuIconColor() {
             lucide="MoreHorizontalIcon"
             tabler="IconDots"
             hugeicons="MoreHorizontalCircle01Icon"
+            phosphor="DotsThreeOutlineIcon"
           />
           <span className="sr-only">Toggle menu</span>
         </Button>
@@ -406,6 +422,7 @@ function DropdownMenuIconColor() {
               lucide="PencilIcon"
               tabler="IconPencil"
               hugeicons="EditIcon"
+              phosphor="PencilIcon"
             />
             Edit
           </DropdownMenuItem>
@@ -414,6 +431,7 @@ function DropdownMenuIconColor() {
               lucide="ShareIcon"
               tabler="IconShare"
               hugeicons="ShareIcon"
+              phosphor="ShareIcon"
             />
             Share
           </DropdownMenuItem>
@@ -423,6 +441,7 @@ function DropdownMenuIconColor() {
               lucide="TrashIcon"
               tabler="IconTrash"
               hugeicons="DeleteIcon"
+              phosphor="TrashIcon"
             />
             Delete
           </DropdownMenuItem>
diff --git a/apps/v4/package.json b/apps/v4/package.json
index dcd7599827e..7b2ad9168a4 100644
--- a/apps/v4/package.json
+++ b/apps/v4/package.json
@@ -30,6 +30,7 @@
     "@hookform/resolvers": "^3.10.0",
     "@hugeicons/core-free-icons": "^1.2.1",
     "@hugeicons/react": "^1.1.1",
+    "@phosphor-icons/react": "^2.1.10",
     "@radix-ui/react-accessible-icon": "^1.1.1",
     "@radix-ui/react-accordion": "^1.2.12",
     "@radix-ui/react-alert-dialog": "^1.1.5",
diff --git a/apps/v4/registry/bases/base/blocks/chatgpt.tsx b/apps/v4/registry/bases/base/blocks/chatgpt.tsx
index d1bc86509a4..7c7b48ae194 100644
--- a/apps/v4/registry/bases/base/blocks/chatgpt.tsx
+++ b/apps/v4/registry/bases/base/blocks/chatgpt.tsx
@@ -118,6 +118,7 @@ function PromptForm() {
                     lucide="PlusIcon"
                     tabler="IconPlus"
                     hugeicons="PlusSignIcon"
+                    phosphor="PlusIcon"
                   />
                 </TooltipTrigger>
                 <TooltipContent>
@@ -131,6 +132,7 @@ function PromptForm() {
                       lucide="PaperclipIcon"
                       tabler="IconPaperclip"
                       hugeicons="AttachmentIcon"
+                      phosphor="PaperclipIcon"
                     />
                     Add photos & files
                   </DropdownMenuItem>
@@ -139,6 +141,7 @@ function PromptForm() {
                       lucide="SparklesIcon"
                       tabler="IconSparkles"
                       hugeicons="SparklesIcon"
+                      phosphor="SparkleIcon"
                     />
                     Deep research
                   </DropdownMenuItem>
@@ -147,6 +150,7 @@ function PromptForm() {
                       lucide="ShoppingBagIcon"
                       tabler="IconShoppingBag"
                       hugeicons="ShoppingBag01Icon"
+                      phosphor="BagIcon"
                     />
                     Shopping research
                   </DropdownMenuItem>
@@ -155,6 +159,7 @@ function PromptForm() {
                       lucide="WandIcon"
                       tabler="IconWand"
                       hugeicons="MagicWand05Icon"
+                      phosphor="MagicWandIcon"
                     />
                     Create image
                   </DropdownMenuItem>
@@ -166,6 +171,7 @@ function PromptForm() {
                             lucide="MousePointerIcon"
                             tabler="IconPointer"
                             hugeicons="Cursor01Icon"
+                            phosphor="HandPointingIcon"
                           />
                           Agent mode
                         </DropdownMenuItem>
@@ -185,6 +191,7 @@ function PromptForm() {
                       lucide="MoreHorizontalIcon"
                       tabler="IconDots"
                       hugeicons="MoreHorizontalCircle01Icon"
+                      phosphor="DotsThreeOutlineIcon"
                     />
                     More
                   </DropdownMenuSubTrigger>
@@ -196,6 +203,7 @@ function PromptForm() {
                             lucide="ShareIcon"
                             tabler="IconShare"
                             hugeicons="Share03Icon"
+                            phosphor="ShareIcon"
                           />
                           Add sources
                         </DropdownMenuItem>
@@ -204,6 +212,7 @@ function PromptForm() {
                             lucide="BookOpenIcon"
                             tabler="IconBook"
                             hugeicons="BookIcon"
+                            phosphor="BookOpenIcon"
                           />
                           Study and learn
                         </DropdownMenuItem>
@@ -212,6 +221,7 @@ function PromptForm() {
                             lucide="GlobeIcon"
                             tabler="IconWorld"
                             hugeicons="GlobalIcon"
+                            phosphor="GlobeIcon"
                           />
                           Web search
                         </DropdownMenuItem>
@@ -220,6 +230,7 @@ function PromptForm() {
                             lucide="PenToolIcon"
                             tabler="IconPencil"
                             hugeicons="PenIcon"
+                            phosphor="PencilIcon"
                           />
                           Canvas
                         </DropdownMenuItem>
@@ -244,6 +255,7 @@ function PromptForm() {
                   lucide="AudioLinesIcon"
                   tabler="IconMicrophone"
                   hugeicons="AudioWave01Icon"
+                  phosphor="MicrophoneIcon"
                 />
               </TooltipTrigger>
               <TooltipContent>Dictate</TooltipContent>
@@ -257,6 +269,7 @@ function PromptForm() {
                 lucide="ArrowUpIcon"
                 tabler="IconArrowUp"
                 hugeicons="ArrowUp02Icon"
+                phosphor="ArrowUpIcon"
               />
             </InputGroupButton>
           </InputGroupAddon>
@@ -281,6 +294,7 @@ function ModelSelector() {
             lucide="ChevronDownIcon"
             tabler="IconChevronDown"
             hugeicons="ArrowDown01Icon"
+            phosphor="CaretDownIcon"
             className="text-muted-foreground size-4"
           />
         </DropdownMenuTrigger>
@@ -435,6 +449,7 @@ function CreateProjectForm() {
                   lucide="SettingsIcon"
                   tabler="IconSettings"
                   hugeicons="Settings01Icon"
+                  phosphor="GearIcon"
                 />
                 <span className="sr-only">Memory</span>
               </DropdownMenuTrigger>
@@ -509,6 +524,7 @@ function CreateProjectForm() {
                         lucide="FolderIcon"
                         tabler="IconFolder"
                         hugeicons="FolderIcon"
+                        phosphor="FolderIcon"
                         className="text-(--color)"
                       />
                     </PopoverTrigger>
@@ -570,6 +586,7 @@ function CreateProjectForm() {
                       lucide="CircleCheckIcon"
                       tabler="IconCircleCheck"
                       hugeicons="CheckmarkCircle02Icon"
+                      phosphor="CheckCircleIcon"
                       data-icon="inline-start"
                       className="hidden group-data-[checked=true]/badge:inline"
                     />
@@ -584,6 +601,7 @@ function CreateProjectForm() {
                   lucide="LightbulbIcon"
                   tabler="IconBulb"
                   hugeicons="BulbIcon"
+                  phosphor="LightbulbIcon"
                 />
                 <AlertDescription className="text-xs">
                   Projects keep chats, files, and custom instructions in one
diff --git a/apps/v4/registry/bases/base/blocks/github.tsx b/apps/v4/registry/bases/base/blocks/github.tsx
index 97a82d3a9cb..d8db184cf62 100644
--- a/apps/v4/registry/bases/base/blocks/github.tsx
+++ b/apps/v4/registry/bases/base/blocks/github.tsx
@@ -164,6 +164,7 @@ function CodespacesCard() {
                         lucide="PlusIcon"
                         tabler="IconPlus"
                         hugeicons="PlusSignIcon"
+                        phosphor="PlusIcon"
                       />
                     </TooltipTrigger>
                     <TooltipContent side="bottom">
@@ -183,6 +184,7 @@ function CodespacesCard() {
                           lucide="MoreHorizontalIcon"
                           tabler="IconDots"
                           hugeicons="MoreHorizontalCircle01Icon"
+                          phosphor="DotsThreeOutlineIcon"
                         />
                       </TooltipTrigger>
                       <TooltipContent side="bottom">
@@ -196,6 +198,7 @@ function CodespacesCard() {
                             lucide="PlusIcon"
                             tabler="IconPlus"
                             hugeicons="PlusSignIcon"
+                            phosphor="PlusIcon"
                           />
                           New with options...
                         </DropdownMenuItem>
@@ -204,6 +207,7 @@ function CodespacesCard() {
                             lucide="ContainerIcon"
                             tabler="IconBox"
                             hugeicons="CubeIcon"
+                            phosphor="CubeIcon"
                           />
                           Configure dev container
                         </DropdownMenuItem>
@@ -212,6 +216,7 @@ function CodespacesCard() {
                             lucide="ZapIcon"
                             tabler="IconBolt"
                             hugeicons="ZapIcon"
+                            phosphor="LightningIcon"
                           />
                           Set up prebuilds
                         </DropdownMenuItem>
@@ -223,6 +228,7 @@ function CodespacesCard() {
                             lucide="ServerIcon"
                             tabler="IconServer"
                             hugeicons="ServerStackIcon"
+                            phosphor="HardDrivesIcon"
                           />
                           Manage codespaces
                         </DropdownMenuItem>
@@ -231,6 +237,7 @@ function CodespacesCard() {
                             lucide="ShareIcon"
                             tabler="IconShare2"
                             hugeicons="Share03Icon"
+                            phosphor="ShareIcon"
                           />
                           Share deep link
                         </DropdownMenuItem>
@@ -239,6 +246,7 @@ function CodespacesCard() {
                             lucide="InfoIcon"
                             tabler="IconInfoCircle"
                             hugeicons="AlertCircleIcon"
+                            phosphor="InfoIcon"
                           />
                           What are codespaces?
                         </DropdownMenuItem>
@@ -255,6 +263,7 @@ function CodespacesCard() {
                       lucide="ServerIcon"
                       tabler="IconServer"
                       hugeicons="ServerStackIcon"
+                      phosphor="HardDrivesIcon"
                     />
                   </EmptyMedia>
                   <EmptyTitle>No codespaces</EmptyTitle>
@@ -303,6 +312,7 @@ function CodespacesCard() {
                       lucide="TerminalIcon"
                       tabler="IconTerminal"
                       hugeicons="ComputerTerminal01Icon"
+                      phosphor="TerminalIcon"
                       className="size-4"
                     />
                     Clone
@@ -317,6 +327,7 @@ function CodespacesCard() {
                         lucide="InfoIcon"
                         tabler="IconInfoCircle"
                         hugeicons="AlertCircleIcon"
+                        phosphor="InfoIcon"
                       />
                     </TooltipTrigger>
                     <TooltipContent side="left">
@@ -347,6 +358,7 @@ function CodespacesCard() {
                               lucide="CopyIcon"
                               tabler="IconCopy"
                               hugeicons="Copy01Icon"
+                              phosphor="CopyIcon"
                             />
                           </InputGroupButton>
                         </InputGroupAddon>
@@ -373,6 +385,7 @@ function CodespacesCard() {
                               lucide="CopyIcon"
                               tabler="IconCopy"
                               hugeicons="Copy01Icon"
+                              phosphor="CopyIcon"
                             />
                           </InputGroupButton>
                         </InputGroupAddon>
@@ -399,6 +412,7 @@ function CodespacesCard() {
                               lucide="CopyIcon"
                               tabler="IconCopy"
                               hugeicons="Copy01Icon"
+                              phosphor="CopyIcon"
                             />
                           </InputGroupButton>
                         </InputGroupAddon>
@@ -427,6 +441,7 @@ function CodespacesCard() {
                     lucide="MonitorIcon"
                     tabler="IconDeviceDesktop"
                     hugeicons="ComputerIcon"
+                    phosphor="MonitorIcon"
                     data-icon="inline-start"
                   />
                   Open with GitHub Desktop
@@ -440,6 +455,7 @@ function CodespacesCard() {
                     lucide="DownloadIcon"
                     tabler="IconDownload"
                     hugeicons="DownloadIcon"
+                    phosphor="DownloadIcon"
                     data-icon="inline-start"
                   />
                   Download ZIP
@@ -466,6 +482,7 @@ function RepositoryToolbar() {
                 lucide="SearchIcon"
                 tabler="IconSearch"
                 hugeicons="SearchIcon"
+                phosphor="MagnifyingGlassIcon"
               />
             </InputGroupButton>
           </InputGroupAddon>
@@ -480,6 +497,7 @@ function RepositoryToolbar() {
               lucide="ChevronDownIcon"
               tabler="IconChevronDown"
               hugeicons="ArrowDown01Icon"
+              phosphor="CaretDownIcon"
               data-icon="inline-end"
             />
           </DropdownMenuTrigger>
@@ -490,6 +508,7 @@ function RepositoryToolbar() {
                   lucide="PlusIcon"
                   tabler="IconPlus"
                   hugeicons="PlusSignIcon"
+                  phosphor="PlusIcon"
                 />
                 Create new file
               </DropdownMenuItem>
@@ -498,6 +517,7 @@ function RepositoryToolbar() {
                   lucide="UploadIcon"
                   hugeicons="Upload01Icon"
                   tabler="IconUpload"
+                  phosphor="UploadIcon"
                 />
                 Upload files
               </DropdownMenuItem>
@@ -517,6 +537,7 @@ function RepositoryToolbar() {
                 lucide="CloudCogIcon"
                 hugeicons="AiCloud01Icon"
                 tabler="IconCloudCog"
+                phosphor="CloudArrowUpIcon"
               />
             </TooltipTrigger>
             <TooltipContent>New Agent Task</TooltipContent>
@@ -545,6 +566,7 @@ function RepositoryToolbar() {
                           lucide="GitBranchIcon"
                           hugeicons="GitBranchIcon"
                           tabler="IconGitBranch"
+                          phosphor="GitBranchIcon"
                         />
                       </PopoverTrigger>
                       <TooltipContent>Select a branch</TooltipContent>
@@ -620,6 +642,7 @@ function RepositoryToolbar() {
                           lucide="BotIcon"
                           hugeicons="RoboticIcon"
                           tabler="IconRobot"
+                          phosphor="RobotIcon"
                         />
                       </PopoverTrigger>
                       <TooltipContent>Select Agent</TooltipContent>
@@ -657,6 +680,7 @@ function RepositoryToolbar() {
                         lucide="SendIcon"
                         hugeicons="SentIcon"
                         tabler="IconSend"
+                        phosphor="PaperPlaneTiltIcon"
                       />
                     </TooltipTrigger>
                     <TooltipContent className="flex items-center gap-2 pr-2">
@@ -684,6 +708,7 @@ function Navbar() {
                 lucide="MenuIcon"
                 hugeicons="Menu09Icon"
                 tabler="IconMenu"
+                phosphor="ListIcon"
               />
               <span className="sr-only">Open menu</span>
             </Button>
@@ -697,6 +722,7 @@ function Navbar() {
                     lucide="XIcon"
                     tabler="IconX"
                     hugeicons="Cancel01Icon"
+                    phosphor="XIcon"
                   />
                   <span className="sr-only">Close</span>
                 </Button>
@@ -710,6 +736,7 @@ function Navbar() {
                       lucide="HomeIcon"
                       tabler="IconHome"
                       hugeicons="HomeIcon"
+                      phosphor="HouseIcon"
                     />
                   </ItemMedia>
                   <ItemContent>
@@ -722,6 +749,7 @@ function Navbar() {
                       lucide="CircleIcon"
                       tabler="IconCircle"
                       hugeicons="CircleIcon"
+                      phosphor="CircleIcon"
                     />
                   </ItemMedia>
                   <ItemContent>
@@ -734,6 +762,7 @@ function Navbar() {
                       lucide="GitBranchIcon"
                       tabler="IconGitBranch"
                       hugeicons="GitBranchIcon"
+                      phosphor="GitBranchIcon"
                     />
                   </ItemMedia>
                   <ItemContent>
@@ -746,6 +775,7 @@ function Navbar() {
                       lucide="LayoutGridIcon"
                       tabler="IconLayoutGrid"
                       hugeicons="GridIcon"
+                      phosphor="GridFourIcon"
                     />
                   </ItemMedia>
                   <ItemContent>
@@ -758,6 +788,7 @@ function Navbar() {
                       lucide="MailIcon"
                       tabler="IconMail"
                       hugeicons="MailIcon"
+                      phosphor="EnvelopeIcon"
                     />
                   </ItemMedia>
                   <ItemContent>
@@ -770,6 +801,7 @@ function Navbar() {
                       lucide="ServerIcon"
                       tabler="IconServer"
                       hugeicons="ServerStackIcon"
+                      phosphor="HardDrivesIcon"
                     />
                   </ItemMedia>
                   <ItemContent>
@@ -782,6 +814,7 @@ function Navbar() {
                       lucide="BotIcon"
                       tabler="IconRobot"
                       hugeicons="RoboticIcon"
+                      phosphor="RobotIcon"
                     />
                   </ItemMedia>
                   <ItemContent>
@@ -794,6 +827,7 @@ function Navbar() {
                       lucide="SparklesIcon"
                       tabler="IconSparkles"
                       hugeicons="SparklesIcon"
+                      phosphor="SparkleIcon"
                     />
                   </ItemMedia>
                   <ItemContent>
@@ -807,6 +841,7 @@ function Navbar() {
                       lucide="SearchIcon"
                       tabler="IconSearch"
                       hugeicons="SearchIcon"
+                      phosphor="MagnifyingGlassIcon"
                     />
                   </ItemMedia>
                   <ItemContent>
@@ -819,6 +854,7 @@ function Navbar() {
                       lucide="ShoppingBagIcon"
                       tabler="IconShoppingBag"
                       hugeicons="ShoppingBasket01Icon"
+                      phosphor="BagIcon"
                     />
                   </ItemMedia>
                   <ItemContent>
@@ -831,6 +867,7 @@ function Navbar() {
                       lucide="LinkIcon"
                       tabler="IconLink"
                       hugeicons="LinkIcon"
+                      phosphor="LinkIcon"
                     />
                   </ItemMedia>
                   <ItemContent>
@@ -887,6 +924,7 @@ function Navbar() {
                   lucide="SmileIcon"
                   tabler="IconMoodSmile"
                   hugeicons="SmileIcon"
+                  phosphor="SmileyIcon"
                 />
                 Set status
               </DropdownMenuItem>
@@ -895,6 +933,7 @@ function Navbar() {
                   lucide="CircleAlertIcon"
                   tabler="IconExclamationCircle"
                   hugeicons="AlertCircleIcon"
+                  phosphor="WarningCircleIcon"
                 />
                 Single sign-on
               </DropdownMenuItem>
@@ -906,6 +945,7 @@ function Navbar() {
                   lucide="UserIcon"
                   tabler="IconUser"
                   hugeicons="UserIcon"
+                  phosphor="UserIcon"
                 />
                 Profile
               </DropdownMenuItem>
@@ -914,6 +954,7 @@ function Navbar() {
                   lucide="FolderIcon"
                   tabler="IconFolder"
                   hugeicons="FolderIcon"
+                  phosphor="FolderIcon"
                 />
                 Repositories
               </DropdownMenuItem>
@@ -922,6 +963,7 @@ function Navbar() {
                   lucide="StarIcon"
                   tabler="IconStar"
                   hugeicons="StarIcon"
+                  phosphor="StarIcon"
                 />
                 Stars
               </DropdownMenuItem>
@@ -930,6 +972,7 @@ function Navbar() {
                   lucide="CodeIcon"
                   tabler="IconCode"
                   hugeicons="CodeIcon"
+                  phosphor="CodeIcon"
                 />
                 Gists
               </DropdownMenuItem>
@@ -938,6 +981,7 @@ function Navbar() {
                   lucide="FolderIcon"
                   tabler="IconFolder"
                   hugeicons="FolderIcon"
+                  phosphor="FolderIcon"
                 />
                 Organizations
               </DropdownMenuItem>
@@ -946,6 +990,7 @@ function Navbar() {
                   lucide="ServerIcon"
                   tabler="IconServer"
                   hugeicons="ServerStackIcon"
+                  phosphor="HardDrivesIcon"
                 />
                 Enterprises
               </DropdownMenuItem>
@@ -954,6 +999,7 @@ function Navbar() {
                   lucide="HeartIcon"
                   tabler="IconHeart"
                   hugeicons="FavouriteIcon"
+                  phosphor="HeartIcon"
                 />
                 Sponsors
               </DropdownMenuItem>
@@ -965,6 +1011,7 @@ function Navbar() {
                   lucide="SettingsIcon"
                   tabler="IconSettings"
                   hugeicons="SettingsIcon"
+                  phosphor="GearIcon"
                 />
                 Settings
               </DropdownMenuItem>
@@ -973,6 +1020,7 @@ function Navbar() {
                   lucide="BotIcon"
                   tabler="IconRobot"
                   hugeicons="RoboticIcon"
+                  phosphor="RobotIcon"
                 />
                 Copilot settings
               </DropdownMenuItem>
@@ -981,6 +1029,7 @@ function Navbar() {
                   lucide="SparklesIcon"
                   tabler="IconSparkles"
                   hugeicons="SparklesIcon"
+                  phosphor="SparkleIcon"
                 />
                 Feature preview
               </DropdownMenuItem>
@@ -989,6 +1038,7 @@ function Navbar() {
                   lucide="MonitorIcon"
                   tabler="IconDeviceDesktop"
                   hugeicons="ComputerIcon"
+                  phosphor="MonitorIcon"
                 />
                 Appearance
               </DropdownMenuItem>
@@ -997,6 +1047,7 @@ function Navbar() {
                   lucide="UserIcon"
                   tabler="IconUser"
                   hugeicons="UserIcon"
+                  phosphor="UserIcon"
                 />
                 Accessibility
               </DropdownMenuItem>
@@ -1005,6 +1056,7 @@ function Navbar() {
                   lucide="ArrowUpIcon"
                   tabler="IconArrowUp"
                   hugeicons="ArrowUpIcon"
+                  phosphor="ArrowUpIcon"
                 />
                 Upgrade
               </DropdownMenuItem>
@@ -1016,6 +1068,7 @@ function Navbar() {
                   lucide="LogOutIcon"
                   tabler="IconLogout"
                   hugeicons="LogoutIcon"
+                  phosphor="SignOutIcon"
                 />
                 Sign out
               </DropdownMenuItem>
@@ -1228,6 +1281,7 @@ function AssignIssue() {
                   lucide="PlusIcon"
                   tabler="IconPlus"
                   hugeicons="PlusSignIcon"
+                  phosphor="PlusIcon"
                 />
               </TooltipTrigger>
               <TooltipContent>Add user</TooltipContent>
diff --git a/apps/v4/registry/bases/base/blocks/preview.tsx b/apps/v4/registry/bases/base/blocks/preview.tsx
index b5acc9d7f94..caddeae3a23 100644
--- a/apps/v4/registry/bases/base/blocks/preview.tsx
+++ b/apps/v4/registry/bases/base/blocks/preview.tsx
@@ -251,6 +251,7 @@ function FieldExamples() {
                   lucide="MinusIcon"
                   tabler="IconMinus"
                   hugeicons="MinusSignIcon"
+                  phosphor="MinusIcon"
                 />
               </Button>
               <Button
@@ -265,6 +266,7 @@ function FieldExamples() {
                   lucide="PlusIcon"
                   tabler="IconPlus"
                   hugeicons="PlusSignIcon"
+                  phosphor="PlusIcon"
                 />
               </Button>
             </ButtonGroup>
@@ -332,6 +334,7 @@ function ButtonGroupExamples() {
                 lucide="ArrowLeftIcon"
                 tabler="IconArrowLeft"
                 hugeicons="ArrowLeft01Icon"
+                phosphor="ArrowLeftIcon"
               />
             </Button>
           </ButtonGroup>
@@ -361,6 +364,7 @@ function ButtonGroupExamples() {
                   lucide="ChevronDownIcon"
                   tabler="IconChevronDown"
                   hugeicons="ArrowDown01Icon"
+                  phosphor="CaretDownIcon"
                 />
               </DropdownMenuTrigger>
               <DropdownMenuContent align="end" className="w-48">
@@ -370,6 +374,7 @@ function ButtonGroupExamples() {
                       lucide="MailCheckIcon"
                       tabler="IconMailCheck"
                       hugeicons="MailValidation01Icon"
+                      phosphor="EnvelopeIcon"
                     />
                     Mark as Read
                   </DropdownMenuItem>
@@ -378,6 +383,7 @@ function ButtonGroupExamples() {
                       lucide="ArchiveIcon"
                       tabler="IconArchive"
                       hugeicons="ArchiveIcon"
+                      phosphor="ArchiveIcon"
                     />
                     Archive
                   </DropdownMenuItem>
@@ -389,6 +395,7 @@ function ButtonGroupExamples() {
                       lucide="ClockIcon"
                       tabler="IconClock"
                       hugeicons="ClockIcon"
+                      phosphor="ClockIcon"
                     />
                     Snooze
                   </DropdownMenuItem>
@@ -397,6 +404,7 @@ function ButtonGroupExamples() {
                       lucide="CalendarPlusIcon"
                       tabler="IconCalendarPlus"
                       hugeicons="CalendarAdd01Icon"
+                      phosphor="CalendarPlusIcon"
                     />
                     Add to Calendar
                   </DropdownMenuItem>
@@ -405,6 +413,7 @@ function ButtonGroupExamples() {
                       lucide="ListFilterIcon"
                       tabler="IconFilterPlus"
                       hugeicons="AddToListIcon"
+                      phosphor="ListPlusIcon"
                     />
                     Add to List
                   </DropdownMenuItem>
@@ -414,6 +423,7 @@ function ButtonGroupExamples() {
                         lucide="TagIcon"
                         tabler="IconTag"
                         hugeicons="TagIcon"
+                        phosphor="TagIcon"
                       />
                       Label As...
                     </DropdownMenuSubTrigger>
@@ -446,6 +456,7 @@ function ButtonGroupExamples() {
                       lucide="Trash2Icon"
                       tabler="IconTrash"
                       hugeicons="Delete02Icon"
+                      phosphor="TrashIcon"
                     />
                     Trash
                   </DropdownMenuItem>
@@ -459,6 +470,7 @@ function ButtonGroupExamples() {
                 lucide="ArrowLeftIcon"
                 tabler="IconArrowLeft"
                 hugeicons="ArrowLeft01Icon"
+                phosphor="ArrowLeftIcon"
               />
             </Button>
             <Button variant="outline" size="icon-sm" aria-label="Next">
@@ -466,6 +478,7 @@ function ButtonGroupExamples() {
                 lucide="ArrowRightIcon"
                 tabler="IconArrowRight"
                 hugeicons="ArrowRight01Icon"
+                phosphor="ArrowRightIcon"
               />
             </Button>
           </ButtonGroup>
@@ -489,6 +502,7 @@ function ButtonGroupExamples() {
                     lucide="ChevronDownIcon"
                     tabler="IconChevronDown"
                     hugeicons="ArrowDown01Icon"
+                    phosphor="CaretDownIcon"
                   />
                 </DropdownMenuTrigger>
                 <DropdownMenuContent align="end" className="w-52">
@@ -499,6 +513,7 @@ function ButtonGroupExamples() {
                         lucide="VolumeX"
                         tabler="IconVolume"
                         hugeicons="VolumeOffIcon"
+                        phosphor="SpeakerSlashIcon"
                       />
                       Mute Conversation
                     </DropdownMenuItem>
@@ -507,6 +522,7 @@ function ButtonGroupExamples() {
                         lucide="CheckIcon"
                         tabler="IconCheck"
                         hugeicons="Tick02Icon"
+                        phosphor="CheckIcon"
                       />
                       Mark as Read
                     </DropdownMenuItem>
@@ -515,6 +531,7 @@ function ButtonGroupExamples() {
                         lucide="UserRoundXIcon"
                         tabler="IconUserX"
                         hugeicons="UserRemove01Icon"
+                        phosphor="UserMinusIcon"
                       />
                       Block User
                     </DropdownMenuItem>
@@ -527,6 +544,7 @@ function ButtonGroupExamples() {
                         lucide="ShareIcon"
                         tabler="IconShare"
                         hugeicons="Share03Icon"
+                        phosphor="ShareIcon"
                       />
                       Share Conversation
                     </DropdownMenuItem>
@@ -535,6 +553,7 @@ function ButtonGroupExamples() {
                         lucide="CopyIcon"
                         tabler="IconCopy"
                         hugeicons="Copy01Icon"
+                        phosphor="CopyIcon"
                       />
                       Copy Conversation
                     </DropdownMenuItem>
@@ -543,6 +562,7 @@ function ButtonGroupExamples() {
                         lucide="AlertTriangleIcon"
                         tabler="IconAlertTriangle"
                         hugeicons="AlertCircleIcon"
+                        phosphor="WarningIcon"
                       />
                       Report Conversation
                     </DropdownMenuItem>
@@ -554,6 +574,7 @@ function ButtonGroupExamples() {
                         lucide="TrashIcon"
                         tabler="IconTrash"
                         hugeicons="Delete02Icon"
+                        phosphor="TrashIcon"
                       />
                       Delete Conversation
                     </DropdownMenuItem>
@@ -567,6 +588,7 @@ function ButtonGroupExamples() {
                   lucide="BotIcon"
                   tabler="IconRobot"
                   hugeicons="BotIcon"
+                  phosphor="RobotIcon"
                 />{" "}
                 Copilot
               </Button>
@@ -584,6 +606,7 @@ function ButtonGroupExamples() {
                     lucide="ChevronDownIcon"
                     tabler="IconChevronDown"
                     hugeicons="ArrowDown01Icon"
+                    phosphor="CaretDownIcon"
                   />
                 </PopoverTrigger>
                 <PopoverContent align="end" className="w-96">
@@ -624,6 +647,7 @@ function InputGroupExamples() {
               lucide="SearchIcon"
               tabler="IconSearch"
               hugeicons="Search01Icon"
+              phosphor="MagnifyingGlassIcon"
             />
           </InputGroupAddon>
           <InputGroupAddon align="inline-end">12 results</InputGroupAddon>
@@ -648,6 +672,7 @@ function InputGroupExamples() {
                   lucide="InfoIcon"
                   tabler="IconInfoCircle"
                   hugeicons="AlertCircleIcon"
+                  phosphor="InfoIcon"
                 />
               </TooltipTrigger>
               <TooltipContent>This is content in a tooltip.</TooltipContent>
@@ -675,6 +700,7 @@ function InputGroupExamples() {
                     lucide="InfoIcon"
                     tabler="IconInfoCircle"
                     hugeicons="AlertCircleIcon"
+                    phosphor="InfoIcon"
                   />
                 </PopoverTrigger>
                 <PopoverContent
@@ -702,6 +728,7 @@ function InputGroupExamples() {
                   lucide="StarIcon"
                   tabler="IconStar"
                   hugeicons="StarIcon"
+                  phosphor="StarIcon"
                   data-favorite={isFavorite}
                   className="data-[favorite=true]:fill-primary data-[favorite=true]:stroke-primary"
                 />
@@ -716,6 +743,7 @@ function InputGroupExamples() {
                 lucide="PlusIcon"
                 tabler="IconPlus"
                 hugeicons="PlusSignIcon"
+                phosphor="PlusIcon"
               />
             </Button>
           </ButtonGroup>
@@ -747,6 +775,7 @@ function InputGroupExamples() {
                       lucide="AudioLinesIcon"
                       tabler="IconWaveSine"
                       hugeicons="AudioWave01Icon"
+                      phosphor="MicrophoneIcon"
                     />
                   </TooltipTrigger>
                   <TooltipContent>Voice Mode</TooltipContent>
@@ -768,6 +797,7 @@ function InputGroupExamples() {
                 lucide="PlusIcon"
                 tabler="IconPlus"
                 hugeicons="PlusSignIcon"
+                phosphor="PlusIcon"
               />
             </InputGroupButton>
             <DropdownMenu>
@@ -799,6 +829,7 @@ function InputGroupExamples() {
                 lucide="ArrowUpIcon"
                 tabler="IconArrowUp"
                 hugeicons="ArrowUp01Icon"
+                phosphor="ArrowUpIcon"
               />
               <span className="sr-only">Send</span>
             </InputGroupButton>
@@ -875,6 +906,7 @@ function EmptyAvatarGroup() {
                       lucide="BluetoothIcon"
                       tabler="IconBluetooth"
                       hugeicons="BluetoothIcon"
+                      phosphor="BluetoothIcon"
                     />
                   </AlertDialogMedia>
                   <AlertDialogTitle>
@@ -1097,6 +1129,7 @@ function SmallFormExample() {
                   lucide="MoreVerticalIcon"
                   tabler="IconDotsVertical"
                   hugeicons="MoreVerticalCircle01Icon"
+                  phosphor="DotsThreeVerticalIcon"
                 />
                 <span className="sr-only">More options</span>
               </DropdownMenuTrigger>
@@ -1111,6 +1144,7 @@ function SmallFormExample() {
                       lucide="FileIcon"
                       tabler="IconFile"
                       hugeicons="FileIcon"
+                      phosphor="FileIcon"
                     />
                     New File
                     <DropdownMenuShortcut>⌘N</DropdownMenuShortcut>
@@ -1120,6 +1154,7 @@ function SmallFormExample() {
                       lucide="FolderIcon"
                       tabler="IconFolder"
                       hugeicons="FolderIcon"
+                      phosphor="FolderIcon"
                     />
                     New Folder
                     <DropdownMenuShortcut>⇧⌘N</DropdownMenuShortcut>
@@ -1130,6 +1165,7 @@ function SmallFormExample() {
                         lucide="FolderOpenIcon"
                         tabler="IconFolderOpen"
                         hugeicons="FolderOpenIcon"
+                        phosphor="FolderOpenIcon"
                       />
                       Open Recent
                     </DropdownMenuSubTrigger>
@@ -1142,6 +1178,7 @@ function SmallFormExample() {
                               lucide="FileCodeIcon"
                               tabler="IconFileCode"
                               hugeicons="CodeIcon"
+                              phosphor="CodeIcon"
                             />
                             Project Alpha
                           </DropdownMenuItem>
@@ -1150,6 +1187,7 @@ function SmallFormExample() {
                               lucide="FileCodeIcon"
                               tabler="IconFileCode"
                               hugeicons="CodeIcon"
+                              phosphor="CodeIcon"
                             />
                             Project Beta
                           </DropdownMenuItem>
@@ -1159,6 +1197,7 @@ function SmallFormExample() {
                                 lucide="MoreHorizontalIcon"
                                 tabler="IconDots"
                                 hugeicons="MoreHorizontalCircle01Icon"
+                                phosphor="DotsThreeOutlineIcon"
                               />
                               More Projects
                             </DropdownMenuSubTrigger>
@@ -1169,6 +1208,7 @@ function SmallFormExample() {
                                     lucide="FileCodeIcon"
                                     tabler="IconFileCode"
                                     hugeicons="CodeIcon"
+                                    phosphor="CodeIcon"
                                   />
                                   Project Gamma
                                 </DropdownMenuItem>
@@ -1177,6 +1217,7 @@ function SmallFormExample() {
                                     lucide="FileCodeIcon"
                                     tabler="IconFileCode"
                                     hugeicons="CodeIcon"
+                                    phosphor="CodeIcon"
                                   />
                                   Project Delta
                                 </DropdownMenuItem>
@@ -1191,6 +1232,7 @@ function SmallFormExample() {
                               lucide="FolderSearchIcon"
                               tabler="IconFolderSearch"
                               hugeicons="SearchIcon"
+                              phosphor="MagnifyingGlassIcon"
                             />
                             Browse...
                           </DropdownMenuItem>
@@ -1204,6 +1246,7 @@ function SmallFormExample() {
                       lucide="SaveIcon"
                       tabler="IconDeviceFloppy"
                       hugeicons="FloppyDiskIcon"
+                      phosphor="FloppyDiskIcon"
                     />
                     Save
                     <DropdownMenuShortcut>⌘S</DropdownMenuShortcut>
@@ -1213,6 +1256,7 @@ function SmallFormExample() {
                       lucide="DownloadIcon"
                       tabler="IconDownload"
                       hugeicons="DownloadIcon"
+                      phosphor="DownloadIcon"
                     />
                     Export
                     <DropdownMenuShortcut>⇧⌘E</DropdownMenuShortcut>
@@ -1234,6 +1278,7 @@ function SmallFormExample() {
                       lucide="EyeIcon"
                       tabler="IconEye"
                       hugeicons="EyeIcon"
+                      phosphor="EyeIcon"
                     />
                     Show Sidebar
                   </DropdownMenuCheckboxItem>
@@ -1250,6 +1295,7 @@ function SmallFormExample() {
                       lucide="LayoutIcon"
                       tabler="IconLayout"
                       hugeicons="LayoutIcon"
+                      phosphor="LayoutIcon"
                     />
                     Show Status Bar
                   </DropdownMenuCheckboxItem>
@@ -1259,6 +1305,7 @@ function SmallFormExample() {
                         lucide="PaletteIcon"
                         tabler="IconPalette"
                         hugeicons="PaintBoardIcon"
+                        phosphor="PaletteIcon"
                       />
                       Theme
                     </DropdownMenuSubTrigger>
@@ -1275,6 +1322,7 @@ function SmallFormExample() {
                                 lucide="SunIcon"
                                 tabler="IconSun"
                                 hugeicons="SunIcon"
+                                phosphor="SunIcon"
                               />
                               Light
                             </DropdownMenuRadioItem>
@@ -1283,6 +1331,7 @@ function SmallFormExample() {
                                 lucide="MoonIcon"
                                 tabler="IconMoon"
                                 hugeicons="MoonIcon"
+                                phosphor="MoonIcon"
                               />
                               Dark
                             </DropdownMenuRadioItem>
@@ -1291,6 +1340,7 @@ function SmallFormExample() {
                                 lucide="MonitorIcon"
                                 tabler="IconDeviceDesktop"
                                 hugeicons="ComputerIcon"
+                                phosphor="MonitorIcon"
                               />
                               System
                             </DropdownMenuRadioItem>
@@ -1307,6 +1357,7 @@ function SmallFormExample() {
                       lucide="HelpCircleIcon"
                       tabler="IconHelpCircle"
                       hugeicons="HelpCircleIcon"
+                      phosphor="QuestionIcon"
                     />
                     Help & Support
                   </DropdownMenuItem>
@@ -1315,6 +1366,7 @@ function SmallFormExample() {
                       lucide="FileTextIcon"
                       tabler="IconFileText"
                       hugeicons="File01Icon"
+                      phosphor="FileTextIcon"
                     />
                     Documentation
                   </DropdownMenuItem>
@@ -1326,6 +1378,7 @@ function SmallFormExample() {
                       lucide="LogOutIcon"
                       tabler="IconLogout"
                       hugeicons="LogoutIcon"
+                      phosphor="SignOutIcon"
                     />
                     Sign Out
                     <DropdownMenuShortcut>⇧⌘Q</DropdownMenuShortcut>
@@ -1434,6 +1487,7 @@ function ObservabilityCard() {
               lucide="PlusIcon"
               tabler="IconPlus"
               hugeicons="PlusSignIcon"
+              phosphor="PlusIcon"
               data-icon="inline-end"
             />
           </Button>
@@ -1469,6 +1523,7 @@ function ItemExample() {
               lucide="ShoppingBagIcon"
               tabler="IconShoppingBag"
               hugeicons="ShoppingBasket01Icon"
+              phosphor="BagIcon"
             />
           </ItemMedia>
           <ItemContent>
diff --git a/apps/v4/registry/bases/base/blocks/vercel.tsx b/apps/v4/registry/bases/base/blocks/vercel.tsx
index 6afaad7709e..c6995c86c4b 100644
--- a/apps/v4/registry/bases/base/blocks/vercel.tsx
+++ b/apps/v4/registry/bases/base/blocks/vercel.tsx
@@ -264,6 +264,7 @@ function DeploymentFilter() {
               lucide="CalendarIcon"
               tabler="IconCalendar"
               hugeicons="Calendar01Icon"
+              phosphor="CalendarIcon"
               data-icon="inline-start"
               className="text-muted-foreground"
             />
@@ -296,6 +297,7 @@ function DeploymentFilter() {
               lucide="Search"
               tabler="IconSearch"
               hugeicons="Search01Icon"
+              phosphor="MagnifyingGlassIcon"
             />
           </InputGroupAddon>
           <InputGroupInput placeholder="All Authors..." />
@@ -304,6 +306,7 @@ function DeploymentFilter() {
               lucide="ChevronDownIcon"
               tabler="IconChevronDown"
               hugeicons="ArrowDown01Icon"
+              phosphor="CaretDownIcon"
               className="text-muted-foreground"
             />
           </InputGroupAddon>
@@ -317,6 +320,7 @@ function DeploymentFilter() {
               lucide="ChevronDownIcon"
               tabler="IconChevronDown"
               hugeicons="ArrowDown01Icon"
+              phosphor="CaretDownIcon"
               data-icon="inline-end"
               className="text-muted-foreground"
             />
@@ -333,6 +337,7 @@ function DeploymentFilter() {
                   lucide="CheckIcon"
                   tabler="IconCheck"
                   hugeicons="Tick02Icon"
+                  phosphor="CheckIcon"
                   className="ml-auto opacity-0 group-data-[active=true]/dropdown-menu-item:opacity-100"
                 />
               </DropdownMenuItem>
@@ -362,6 +367,7 @@ function DeploymentFilter() {
               lucide="ChevronDownIcon"
               tabler="IconChevronDown"
               hugeicons="ArrowDown01Icon"
+              phosphor="CaretDownIcon"
               data-icon="inline-end"
               className="text-muted-foreground ml-auto"
             />
@@ -388,6 +394,7 @@ function DeploymentFilter() {
                     lucide="CheckIcon"
                     tabler="IconCheck"
                     hugeicons="Tick02Icon"
+                    phosphor="CheckIcon"
                     className="ml-auto opacity-0 group-data-[active=true]/dropdown-menu-item:opacity-100"
                   />
                 </DropdownMenuItem>
@@ -464,6 +471,7 @@ function BillingList() {
                       lucide="MoreHorizontalIcon"
                       tabler="IconDots"
                       hugeicons="MoreHorizontalCircle01Icon"
+                      phosphor="DotsThreeOutlineIcon"
                     />
                     <span className="sr-only">More options</span>
                   </DropdownMenuTrigger>
@@ -605,6 +613,7 @@ function ActivateAgentDialog() {
                       lucide="CheckCircle2Icon"
                       tabler="IconCircleCheckFilled"
                       hugeicons="CheckmarkCircle02Icon"
+                      phosphor="CheckCircleIcon"
                       className="fill-primary text-primary-foreground size-5"
                     />
                   </ItemMedia>
@@ -621,6 +630,7 @@ function ActivateAgentDialog() {
                 lucide="CircleDollarSignIcon"
                 hugeicons="DollarCircleIcon"
                 tabler="IconCoin"
+                phosphor="CurrencyCircleDollarIcon"
               />
               <AlertDescription>
                 Pro teams get $100 in Vercel Agent trial credit for 2 weeks.
@@ -665,6 +675,7 @@ function ObservabilityCard() {
               lucide="PlusIcon"
               tabler="IconPlus"
               hugeicons="PlusSignIcon"
+              phosphor="PlusIcon"
               data-icon="inline-end"
             />
           </Button>
diff --git a/apps/v4/registry/bases/base/examples/accordion-example.tsx b/apps/v4/registry/bases/base/examples/accordion-example.tsx
index a12a88306b4..a90af95037a 100644
--- a/apps/v4/registry/bases/base/examples/accordion-example.tsx
+++ b/apps/v4/registry/bases/base/examples/accordion-example.tsx
@@ -175,6 +175,7 @@ function AccordionInCard() {
               lucide="ArrowUpRightIcon"
               tabler="IconArrowUpRight"
               hugeicons="ArrowUpRight01Icon"
+              phosphor="ArrowUpRightIcon"
             />
           </Button>
         </>
diff --git a/apps/v4/registry/bases/base/examples/alert-dialog-example.tsx b/apps/v4/registry/bases/base/examples/alert-dialog-example.tsx
index dad5ade15d2..c66b96e8f01 100644
--- a/apps/v4/registry/bases/base/examples/alert-dialog-example.tsx
+++ b/apps/v4/registry/bases/base/examples/alert-dialog-example.tsx
@@ -100,6 +100,7 @@ function AlertDialogWithMedia() {
                 lucide="BluetoothIcon"
                 tabler="IconBluetooth"
                 hugeicons="BluetoothIcon"
+                phosphor="BluetoothIcon"
               />
             </AlertDialogMedia>
             <AlertDialogTitle>Are you absolutely sure?</AlertDialogTitle>
@@ -133,6 +134,7 @@ function AlertDialogSmallWithMedia() {
                 lucide="BluetoothIcon"
                 tabler="IconBluetooth"
                 hugeicons="BluetoothIcon"
+                phosphor="BluetoothIcon"
               />
             </AlertDialogMedia>
             <AlertDialogTitle>Allow accessory to connect?</AlertDialogTitle>
@@ -164,6 +166,7 @@ function AlertDialogDestructive() {
                 lucide="Trash2Icon"
                 tabler="IconTrash"
                 hugeicons="Delete02Icon"
+                phosphor="TrashIcon"
               />
             </AlertDialogMedia>
             <AlertDialogTitle>Delete chat?</AlertDialogTitle>
diff --git a/apps/v4/registry/bases/base/examples/alert-example.tsx b/apps/v4/registry/bases/base/examples/alert-example.tsx
index 58733381a22..3ab82a1a59b 100644
--- a/apps/v4/registry/bases/base/examples/alert-example.tsx
+++ b/apps/v4/registry/bases/base/examples/alert-example.tsx
@@ -55,6 +55,7 @@ function AlertExample2() {
             lucide="CircleAlertIcon"
             tabler="IconExclamationCircle"
             hugeicons="AlertCircleIcon"
+            phosphor="WarningCircleIcon"
           />
           <AlertTitle>
             Let&apos;s try one with icon, title and a <a href="#">link</a>.
@@ -65,6 +66,7 @@ function AlertExample2() {
             lucide="CircleAlertIcon"
             tabler="IconExclamationCircle"
             hugeicons="AlertCircleIcon"
+            phosphor="WarningCircleIcon"
           />
           <AlertDescription>
             This one has an icon and a description only. No title.{" "}
@@ -77,6 +79,7 @@ function AlertExample2() {
             lucide="CircleAlertIcon"
             tabler="IconExclamationCircle"
             hugeicons="AlertCircleIcon"
+            phosphor="WarningCircleIcon"
           />
           <AlertTitle>Success! Your changes have been saved</AlertTitle>
           <AlertDescription>
@@ -88,6 +91,7 @@ function AlertExample2() {
             lucide="CircleAlertIcon"
             tabler="IconExclamationCircle"
             hugeicons="AlertCircleIcon"
+            phosphor="WarningCircleIcon"
           />
           <AlertTitle>
             This is a very long alert title that demonstrates how the component
@@ -100,6 +104,7 @@ function AlertExample2() {
             lucide="CircleAlertIcon"
             tabler="IconExclamationCircle"
             hugeicons="AlertCircleIcon"
+            phosphor="WarningCircleIcon"
           />
           <AlertDescription>
             This is a very long alert description that demonstrates how the
@@ -112,6 +117,7 @@ function AlertExample2() {
             lucide="CircleAlertIcon"
             tabler="IconExclamationCircle"
             hugeicons="AlertCircleIcon"
+            phosphor="WarningCircleIcon"
           />
           <AlertTitle>
             This is an extremely long alert title that spans multiple lines to
@@ -141,6 +147,7 @@ function AlertExample3() {
             lucide="CircleAlertIcon"
             tabler="IconExclamationCircle"
             hugeicons="AlertCircleIcon"
+            phosphor="WarningCircleIcon"
           />
           <AlertTitle>Something went wrong!</AlertTitle>
           <AlertDescription>
@@ -152,6 +159,7 @@ function AlertExample3() {
             lucide="CircleAlertIcon"
             tabler="IconExclamationCircle"
             hugeicons="AlertCircleIcon"
+            phosphor="WarningCircleIcon"
           />
           <AlertTitle>Unable to process your payment.</AlertTitle>
           <AlertDescription>
@@ -180,6 +188,7 @@ function AlertExample4() {
             lucide="CircleAlertIcon"
             tabler="IconExclamationCircle"
             hugeicons="AlertCircleIcon"
+            phosphor="WarningCircleIcon"
           />
           <AlertTitle>The selected emails have been marked as spam.</AlertTitle>
           <AlertAction>
@@ -191,6 +200,7 @@ function AlertExample4() {
             lucide="CircleAlertIcon"
             tabler="IconExclamationCircle"
             hugeicons="AlertCircleIcon"
+            phosphor="WarningCircleIcon"
           />
           <AlertTitle>The selected emails have been marked as spam.</AlertTitle>
           <AlertDescription>
diff --git a/apps/v4/registry/bases/base/examples/avatar-example.tsx b/apps/v4/registry/bases/base/examples/avatar-example.tsx
index 141044b8d9a..f854f173fdc 100644
--- a/apps/v4/registry/bases/base/examples/avatar-example.tsx
+++ b/apps/v4/registry/bases/base/examples/avatar-example.tsx
@@ -129,6 +129,7 @@ function AvatarWithBadgeIcon() {
               lucide="PlusIcon"
               tabler="IconPlus"
               hugeicons="PlusSignIcon"
+              phosphor="PlusIcon"
             />
           </AvatarBadge>
         </Avatar>
@@ -143,6 +144,7 @@ function AvatarWithBadgeIcon() {
               lucide="PlusIcon"
               tabler="IconPlus"
               hugeicons="PlusSignIcon"
+              phosphor="PlusIcon"
             />
           </AvatarBadge>
         </Avatar>
@@ -157,6 +159,7 @@ function AvatarWithBadgeIcon() {
               lucide="PlusIcon"
               tabler="IconPlus"
               hugeicons="PlusSignIcon"
+              phosphor="PlusIcon"
             />
           </AvatarBadge>
         </Avatar>
@@ -169,6 +172,7 @@ function AvatarWithBadgeIcon() {
               lucide="CheckIcon"
               tabler="IconCheck"
               hugeicons="Tick02Icon"
+              phosphor="CheckIcon"
             />
           </AvatarBadge>
         </Avatar>
@@ -179,6 +183,7 @@ function AvatarWithBadgeIcon() {
               lucide="CheckIcon"
               tabler="IconCheck"
               hugeicons="Tick02Icon"
+              phosphor="CheckIcon"
             />
           </AvatarBadge>
         </Avatar>
@@ -189,6 +194,7 @@ function AvatarWithBadgeIcon() {
               lucide="CheckIcon"
               tabler="IconCheck"
               hugeicons="Tick02Icon"
+              phosphor="CheckIcon"
             />
           </AvatarBadge>
         </Avatar>
@@ -361,6 +367,7 @@ function AvatarGroupWithIconCount() {
             lucide="PlusIcon"
             tabler="IconPlus"
             hugeicons="PlusSignIcon"
+            phosphor="PlusIcon"
           />
         </AvatarGroupCount>
       </AvatarGroup>
@@ -388,6 +395,7 @@ function AvatarGroupWithIconCount() {
             lucide="PlusIcon"
             tabler="IconPlus"
             hugeicons="PlusSignIcon"
+            phosphor="PlusIcon"
           />
         </AvatarGroupCount>
       </AvatarGroup>
@@ -421,6 +429,7 @@ function AvatarGroupWithIconCount() {
             lucide="PlusIcon"
             tabler="IconPlus"
             hugeicons="PlusSignIcon"
+            phosphor="PlusIcon"
           />
         </AvatarGroupCount>
       </AvatarGroup>
@@ -464,6 +473,7 @@ function AvatarInEmpty() {
                   lucide="PlusIcon"
                   tabler="IconPlus"
                   hugeicons="PlusSignIcon"
+                  phosphor="PlusIcon"
                 />
               </AvatarGroupCount>
             </AvatarGroup>
@@ -479,6 +489,7 @@ function AvatarInEmpty() {
               lucide="PlusIcon"
               tabler="IconPlus"
               hugeicons="PlusSignIcon"
+              phosphor="PlusIcon"
             />
             Invite Members
           </Button>
diff --git a/apps/v4/registry/bases/base/examples/badge-example.tsx b/apps/v4/registry/bases/base/examples/badge-example.tsx
index ce822f0c7b3..7dfc9a00c59 100644
--- a/apps/v4/registry/bases/base/examples/badge-example.tsx
+++ b/apps/v4/registry/bases/base/examples/badge-example.tsx
@@ -44,6 +44,7 @@ function BadgeWithIconLeft() {
             lucide="BadgeCheck"
             tabler="IconRosetteDiscountCheck"
             hugeicons="CheckmarkBadge02Icon"
+            phosphor="CheckCircleIcon"
             data-icon="inline-start"
           />
           Default
@@ -53,6 +54,7 @@ function BadgeWithIconLeft() {
             lucide="BadgeCheck"
             tabler="IconRosetteDiscountCheck"
             hugeicons="CheckmarkBadge02Icon"
+            phosphor="CheckCircleIcon"
             data-icon="inline-start"
           />
           Secondary
@@ -62,6 +64,7 @@ function BadgeWithIconLeft() {
             lucide="BadgeCheck"
             tabler="IconRosetteDiscountCheck"
             hugeicons="CheckmarkBadge02Icon"
+            phosphor="CheckCircleIcon"
             data-icon="inline-start"
           />
           Destructive
@@ -71,6 +74,7 @@ function BadgeWithIconLeft() {
             lucide="BadgeCheck"
             tabler="IconRosetteDiscountCheck"
             hugeicons="CheckmarkBadge02Icon"
+            phosphor="CheckCircleIcon"
             data-icon="inline-start"
           />
           Outline
@@ -80,6 +84,7 @@ function BadgeWithIconLeft() {
             lucide="BadgeCheck"
             tabler="IconRosetteDiscountCheck"
             hugeicons="CheckmarkBadge02Icon"
+            phosphor="CheckCircleIcon"
             data-icon="inline-start"
           />
           Ghost
@@ -89,6 +94,7 @@ function BadgeWithIconLeft() {
             lucide="BadgeCheck"
             tabler="IconRosetteDiscountCheck"
             hugeicons="CheckmarkBadge02Icon"
+            phosphor="CheckCircleIcon"
             data-icon="inline-start"
           />
           Link
@@ -108,6 +114,7 @@ function BadgeWithIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Badge>
@@ -117,6 +124,7 @@ function BadgeWithIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Badge>
@@ -126,6 +134,7 @@ function BadgeWithIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Badge>
@@ -135,6 +144,7 @@ function BadgeWithIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Badge>
@@ -144,6 +154,7 @@ function BadgeWithIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Badge>
@@ -153,6 +164,7 @@ function BadgeWithIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Badge>
@@ -206,6 +218,7 @@ function BadgeAsLink() {
                 lucide="ArrowUpRightIcon"
                 tabler="IconArrowUpRight"
                 hugeicons="ArrowUpRightIcon"
+                phosphor="ArrowUpRightIcon"
                 data-icon="inline-end"
               />
             </a>
@@ -220,6 +233,7 @@ function BadgeAsLink() {
                 lucide="ArrowUpRightIcon"
                 tabler="IconArrowUpRight"
                 hugeicons="ArrowUpRightIcon"
+                phosphor="ArrowUpRightIcon"
                 data-icon="inline-end"
               />
             </a>
@@ -234,6 +248,7 @@ function BadgeAsLink() {
                 lucide="ArrowUpRightIcon"
                 tabler="IconArrowUpRight"
                 hugeicons="ArrowUpRightIcon"
+                phosphor="ArrowUpRightIcon"
                 data-icon="inline-end"
               />
             </a>
@@ -248,6 +263,7 @@ function BadgeAsLink() {
                 lucide="ArrowUpRightIcon"
                 tabler="IconArrowUpRight"
                 hugeicons="ArrowRight02Icon"
+                phosphor="ArrowUpRightIcon"
                 data-icon="inline-end"
               />
             </a>
diff --git a/apps/v4/registry/bases/base/examples/button-example.tsx b/apps/v4/registry/bases/base/examples/button-example.tsx
index ade125c37c0..348ed390f06 100644
--- a/apps/v4/registry/bases/base/examples/button-example.tsx
+++ b/apps/v4/registry/bases/base/examples/button-example.tsx
@@ -97,6 +97,7 @@ function ButtonIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Button>
@@ -106,6 +107,7 @@ function ButtonIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Button>
@@ -115,6 +117,7 @@ function ButtonIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Button>
@@ -124,6 +127,7 @@ function ButtonIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Button>
@@ -133,6 +137,7 @@ function ButtonIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Button>
@@ -142,6 +147,7 @@ function ButtonIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Button>
@@ -153,6 +159,7 @@ function ButtonIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Button>
@@ -162,6 +169,7 @@ function ButtonIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Button>
@@ -171,6 +179,7 @@ function ButtonIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
           />
         </Button>
         <Button size="sm" variant="ghost">
@@ -179,6 +188,7 @@ function ButtonIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Button>
@@ -188,6 +198,7 @@ function ButtonIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Button>
@@ -197,6 +208,7 @@ function ButtonIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Button>
@@ -208,6 +220,7 @@ function ButtonIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Button>
@@ -217,6 +230,7 @@ function ButtonIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Button>
@@ -226,6 +240,7 @@ function ButtonIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Button>
@@ -235,6 +250,7 @@ function ButtonIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Button>
@@ -244,6 +260,7 @@ function ButtonIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Button>
@@ -253,6 +270,7 @@ function ButtonIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Button>
@@ -264,6 +282,7 @@ function ButtonIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Button>
@@ -273,6 +292,7 @@ function ButtonIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Button>
@@ -282,6 +302,7 @@ function ButtonIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Button>
@@ -291,6 +312,7 @@ function ButtonIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Button>
@@ -300,6 +322,7 @@ function ButtonIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Button>
@@ -309,6 +332,7 @@ function ButtonIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Button>
@@ -326,6 +350,7 @@ function ButtonIconLeft() {
             lucide="ArrowLeftCircleIcon"
             hugeicons="CircleArrowLeft02Icon"
             tabler="IconCircleArrowLeft"
+            phosphor="ArrowCircleLeftIcon"
             data-icon="inline-start"
           />{" "}
           Default
@@ -335,6 +360,7 @@ function ButtonIconLeft() {
             lucide="ArrowLeftCircleIcon"
             hugeicons="CircleArrowLeft02Icon"
             tabler="IconCircleArrowLeft"
+            phosphor="ArrowCircleLeftIcon"
             data-icon="inline-start"
           />{" "}
           Secondary
@@ -344,6 +370,7 @@ function ButtonIconLeft() {
             lucide="ArrowLeftCircleIcon"
             hugeicons="CircleArrowLeft02Icon"
             tabler="IconCircleArrowLeft"
+            phosphor="ArrowCircleLeftIcon"
             data-icon="inline-start"
           />{" "}
           Outline
@@ -353,6 +380,7 @@ function ButtonIconLeft() {
             lucide="ArrowLeftCircleIcon"
             hugeicons="CircleArrowLeft02Icon"
             tabler="IconCircleArrowLeft"
+            phosphor="ArrowCircleLeftIcon"
             data-icon="inline-start"
           />{" "}
           Ghost
@@ -362,6 +390,7 @@ function ButtonIconLeft() {
             lucide="ArrowLeftCircleIcon"
             hugeicons="CircleArrowLeft02Icon"
             tabler="IconCircleArrowLeft"
+            phosphor="ArrowCircleLeftIcon"
             data-icon="inline-start"
           />{" "}
           Destructive
@@ -371,6 +400,7 @@ function ButtonIconLeft() {
             lucide="ArrowLeftCircleIcon"
             hugeicons="CircleArrowLeft02Icon"
             tabler="IconCircleArrowLeft"
+            phosphor="ArrowCircleLeftIcon"
             data-icon="inline-start"
           />{" "}
           Link
@@ -382,6 +412,7 @@ function ButtonIconLeft() {
             lucide="ArrowLeftCircleIcon"
             hugeicons="CircleArrowLeft02Icon"
             tabler="IconCircleArrowLeft"
+            phosphor="ArrowCircleLeftIcon"
             data-icon="inline-start"
           />{" "}
           Default
@@ -391,6 +422,7 @@ function ButtonIconLeft() {
             lucide="ArrowLeftCircleIcon"
             hugeicons="CircleArrowLeft02Icon"
             tabler="IconCircleArrowLeft"
+            phosphor="ArrowCircleLeftIcon"
             data-icon="inline-start"
           />{" "}
           Secondary
@@ -400,6 +432,7 @@ function ButtonIconLeft() {
             lucide="ArrowLeftCircleIcon"
             hugeicons="CircleArrowLeft02Icon"
             tabler="IconCircleArrowLeft"
+            phosphor="ArrowCircleLeftIcon"
             data-icon="inline-start"
           />{" "}
           Outline
@@ -409,6 +442,7 @@ function ButtonIconLeft() {
             lucide="ArrowLeftCircleIcon"
             hugeicons="CircleArrowLeft02Icon"
             tabler="IconCircleArrowLeft"
+            phosphor="ArrowCircleLeftIcon"
             data-icon="inline-start"
           />{" "}
           Ghost
@@ -418,6 +452,7 @@ function ButtonIconLeft() {
             lucide="ArrowLeftCircleIcon"
             hugeicons="CircleArrowLeft02Icon"
             tabler="IconCircleArrowLeft"
+            phosphor="ArrowCircleLeftIcon"
             data-icon="inline-start"
           />{" "}
           Destructive
@@ -427,6 +462,7 @@ function ButtonIconLeft() {
             lucide="ArrowLeftCircleIcon"
             hugeicons="CircleArrowLeft02Icon"
             tabler="IconCircleArrowLeft"
+            phosphor="ArrowCircleLeftIcon"
             data-icon="inline-start"
           />{" "}
           Link
@@ -438,6 +474,7 @@ function ButtonIconLeft() {
             lucide="ArrowLeftCircleIcon"
             hugeicons="CircleArrowLeft02Icon"
             tabler="IconCircleArrowLeft"
+            phosphor="ArrowCircleLeftIcon"
             data-icon="inline-start"
           />{" "}
           Default
@@ -447,6 +484,7 @@ function ButtonIconLeft() {
             lucide="ArrowLeftCircleIcon"
             hugeicons="CircleArrowLeft02Icon"
             tabler="IconCircleArrowLeft"
+            phosphor="ArrowCircleLeftIcon"
             data-icon="inline-start"
           />{" "}
           Secondary
@@ -456,6 +494,7 @@ function ButtonIconLeft() {
             lucide="ArrowLeftCircleIcon"
             hugeicons="CircleArrowLeft02Icon"
             tabler="IconCircleArrowLeft"
+            phosphor="ArrowCircleLeftIcon"
             data-icon="inline-start"
           />{" "}
           Outline
@@ -465,6 +504,7 @@ function ButtonIconLeft() {
             lucide="ArrowLeftCircleIcon"
             hugeicons="CircleArrowLeft02Icon"
             tabler="IconCircleArrowLeft"
+            phosphor="ArrowCircleLeftIcon"
             data-icon="inline-start"
           />{" "}
           Ghost
@@ -474,6 +514,7 @@ function ButtonIconLeft() {
             lucide="ArrowLeftCircleIcon"
             hugeicons="CircleArrowLeft02Icon"
             tabler="IconCircleArrowLeft"
+            phosphor="ArrowCircleLeftIcon"
             data-icon="inline-start"
           />{" "}
           Destructive
@@ -483,6 +524,7 @@ function ButtonIconLeft() {
             lucide="ArrowLeftCircleIcon"
             hugeicons="CircleArrowLeft02Icon"
             tabler="IconCircleArrowLeft"
+            phosphor="ArrowCircleLeftIcon"
             data-icon="inline-start"
           />{" "}
           Link
@@ -494,6 +536,7 @@ function ButtonIconLeft() {
             lucide="ArrowLeftCircleIcon"
             hugeicons="CircleArrowLeft02Icon"
             tabler="IconCircleArrowLeft"
+            phosphor="ArrowCircleLeftIcon"
             data-icon="inline-start"
           />{" "}
           Default
@@ -503,6 +546,7 @@ function ButtonIconLeft() {
             lucide="ArrowLeftCircleIcon"
             hugeicons="CircleArrowLeft02Icon"
             tabler="IconCircleArrowLeft"
+            phosphor="ArrowCircleLeftIcon"
             data-icon="inline-start"
           />{" "}
           Secondary
@@ -512,6 +556,7 @@ function ButtonIconLeft() {
             lucide="ArrowLeftCircleIcon"
             hugeicons="CircleArrowLeft02Icon"
             tabler="IconCircleArrowLeft"
+            phosphor="ArrowCircleLeftIcon"
             data-icon="inline-start"
           />{" "}
           Outline
@@ -521,6 +566,7 @@ function ButtonIconLeft() {
             lucide="ArrowLeftCircleIcon"
             hugeicons="CircleArrowLeft02Icon"
             tabler="IconCircleArrowLeft"
+            phosphor="ArrowCircleLeftIcon"
             data-icon="inline-start"
           />{" "}
           Ghost
@@ -530,6 +576,7 @@ function ButtonIconLeft() {
             lucide="ArrowLeftCircleIcon"
             hugeicons="CircleArrowLeft02Icon"
             tabler="IconCircleArrowLeft"
+            phosphor="ArrowCircleLeftIcon"
             data-icon="inline-start"
           />{" "}
           Destructive
@@ -539,6 +586,7 @@ function ButtonIconLeft() {
             lucide="ArrowLeftCircleIcon"
             hugeicons="CircleArrowLeft02Icon"
             tabler="IconCircleArrowLeft"
+            phosphor="ArrowCircleLeftIcon"
             data-icon="inline-start"
           />{" "}
           Link
@@ -557,6 +605,7 @@ function ButtonIconOnly() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
           />
         </Button>
         <Button size="icon-xs" variant="secondary">
@@ -564,6 +613,7 @@ function ButtonIconOnly() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
           />
         </Button>
         <Button size="icon-xs" variant="outline">
@@ -571,6 +621,7 @@ function ButtonIconOnly() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
           />
         </Button>
         <Button size="icon-xs" variant="ghost">
@@ -578,6 +629,7 @@ function ButtonIconOnly() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
           />
         </Button>
         <Button size="icon-xs" variant="destructive">
@@ -585,6 +637,7 @@ function ButtonIconOnly() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
           />
         </Button>
         <Button size="icon-xs" variant="link">
@@ -592,6 +645,7 @@ function ButtonIconOnly() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
           />
         </Button>
       </div>
@@ -601,6 +655,7 @@ function ButtonIconOnly() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
           />
         </Button>
         <Button size="icon-sm" variant="secondary">
@@ -608,6 +663,7 @@ function ButtonIconOnly() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
           />
         </Button>
         <Button size="icon-sm" variant="outline">
@@ -615,6 +671,7 @@ function ButtonIconOnly() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
           />
         </Button>
         <Button size="icon-sm" variant="ghost">
@@ -622,6 +679,7 @@ function ButtonIconOnly() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
           />
         </Button>
         <Button size="icon-sm" variant="destructive">
@@ -629,6 +687,7 @@ function ButtonIconOnly() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
           />
         </Button>
         <Button size="icon-sm" variant="link">
@@ -636,6 +695,7 @@ function ButtonIconOnly() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
           />
         </Button>
       </div>
@@ -645,6 +705,7 @@ function ButtonIconOnly() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
           />
         </Button>
         <Button size="icon" variant="secondary">
@@ -652,6 +713,7 @@ function ButtonIconOnly() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
           />
         </Button>
         <Button size="icon" variant="outline">
@@ -659,6 +721,7 @@ function ButtonIconOnly() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
           />
         </Button>
         <Button size="icon" variant="ghost">
@@ -666,6 +729,7 @@ function ButtonIconOnly() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
           />
         </Button>
         <Button size="icon" variant="destructive">
@@ -673,6 +737,7 @@ function ButtonIconOnly() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
           />
         </Button>
         <Button size="icon" variant="link">
@@ -680,6 +745,7 @@ function ButtonIconOnly() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
           />
         </Button>
       </div>
@@ -689,6 +755,7 @@ function ButtonIconOnly() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
           />
         </Button>
         <Button size="icon-lg" variant="secondary">
@@ -696,6 +763,7 @@ function ButtonIconOnly() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
           />
         </Button>
         <Button size="icon-lg" variant="outline">
@@ -703,6 +771,7 @@ function ButtonIconOnly() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
           />
         </Button>
         <Button size="icon-lg" variant="ghost">
@@ -710,6 +779,7 @@ function ButtonIconOnly() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
           />
         </Button>
         <Button size="icon-lg" variant="destructive">
@@ -717,6 +787,7 @@ function ButtonIconOnly() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
           />
         </Button>
         <Button size="icon-lg" variant="link">
@@ -724,6 +795,7 @@ function ButtonIconOnly() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
           />
         </Button>
       </div>
@@ -743,6 +815,7 @@ function ButtonExamples() {
               lucide="ArrowRightIcon"
               tabler="IconArrowRight"
               hugeicons="ArrowRight02Icon"
+              phosphor="ArrowRightIcon"
               data-icon="inline-end"
             />
           </Button>
@@ -754,6 +827,7 @@ function ButtonExamples() {
               lucide="ArrowRightIcon"
               tabler="IconArrowRight"
               hugeicons="ArrowRight02Icon"
+              phosphor="ArrowRightIcon"
               data-icon="inline-end"
             />
           </Button>
diff --git a/apps/v4/registry/bases/base/examples/button-group-example.tsx b/apps/v4/registry/bases/base/examples/button-group-example.tsx
index d880c35612f..9ac803f8a2f 100644
--- a/apps/v4/registry/bases/base/examples/button-group-example.tsx
+++ b/apps/v4/registry/bases/base/examples/button-group-example.tsx
@@ -127,6 +127,7 @@ function ButtonGroupWithDropdown() {
                 lucide="ChevronDownIcon"
                 tabler="IconChevronDown"
                 hugeicons="ArrowDown01Icon"
+                phosphor="CaretDownIcon"
               />
             </DropdownMenuTrigger>
             <DropdownMenuContent align="end">
@@ -147,6 +148,7 @@ function ButtonGroupWithDropdown() {
                 lucide="ChevronDownIcon"
                 tabler="IconChevronDown"
                 hugeicons="ArrowDown01Icon"
+                phosphor="CaretDownIcon"
               />
             </DropdownMenuTrigger>
             <DropdownMenuContent align="end" className="w-50">
@@ -156,6 +158,7 @@ function ButtonGroupWithDropdown() {
                     lucide="VolumeX"
                     tabler="IconVolume"
                     hugeicons="VolumeOffIcon"
+                    phosphor="SpeakerSlashIcon"
                   />
                   Mute Conversation
                 </DropdownMenuItem>
@@ -164,6 +167,7 @@ function ButtonGroupWithDropdown() {
                     lucide="CheckIcon"
                     tabler="IconCheck"
                     hugeicons="Tick02Icon"
+                    phosphor="CheckIcon"
                   />
                   Mark as Read
                 </DropdownMenuItem>
@@ -172,6 +176,7 @@ function ButtonGroupWithDropdown() {
                     lucide="AlertTriangleIcon"
                     tabler="IconAlertTriangle"
                     hugeicons="AlertCircleIcon"
+                    phosphor="WarningIcon"
                   />
                   Report Conversation
                 </DropdownMenuItem>
@@ -180,6 +185,7 @@ function ButtonGroupWithDropdown() {
                     lucide="UserRoundXIcon"
                     tabler="IconUserX"
                     hugeicons="UserRemove01Icon"
+                    phosphor="UserMinusIcon"
                   />
                   Block User
                 </DropdownMenuItem>
@@ -188,6 +194,7 @@ function ButtonGroupWithDropdown() {
                     lucide="ShareIcon"
                     tabler="IconShare"
                     hugeicons="Share03Icon"
+                    phosphor="ShareIcon"
                   />
                   Share Conversation
                 </DropdownMenuItem>
@@ -196,6 +203,7 @@ function ButtonGroupWithDropdown() {
                     lucide="CopyIcon"
                     tabler="IconCopy"
                     hugeicons="Copy01Icon"
+                    phosphor="CopyIcon"
                   />
                   Copy Conversation
                 </DropdownMenuItem>
@@ -207,6 +215,7 @@ function ButtonGroupWithDropdown() {
                     lucide="TrashIcon"
                     tabler="IconTrash"
                     hugeicons="Delete02Icon"
+                    phosphor="TrashIcon"
                   />
                   Delete Conversation
                 </DropdownMenuItem>
@@ -251,6 +260,7 @@ function ButtonGroupWithSelect() {
               lucide="ArrowRightIcon"
               tabler="IconArrowRight"
               hugeicons="ArrowRight01Icon"
+              phosphor="ArrowRightIcon"
             />
           </Button>
         </ButtonGroup>
@@ -269,6 +279,7 @@ function ButtonGroupWithIcons() {
               lucide="FlipHorizontalIcon"
               tabler="IconFlipHorizontal"
               hugeicons="FlipHorizontalIcon"
+              phosphor="ArrowsHorizontalIcon"
             />
           </Button>
           <Button variant="outline">
@@ -276,6 +287,7 @@ function ButtonGroupWithIcons() {
               lucide="FlipVerticalIcon"
               tabler="IconFlipVertical"
               hugeicons="FlipVerticalIcon"
+              phosphor="ArrowsVerticalIcon"
             />
           </Button>
           <Button variant="outline">
@@ -283,6 +295,7 @@ function ButtonGroupWithIcons() {
               lucide="RotateCwIcon"
               tabler="IconRotateClockwise2"
               hugeicons="Rotate01Icon"
+              phosphor="ArrowClockwiseIcon"
             />
           </Button>
         </ButtonGroup>
@@ -305,6 +318,7 @@ function ButtonGroupWithInputGroup() {
               lucide="SearchIcon"
               tabler="IconSearch"
               hugeicons="Search01Icon"
+              phosphor="MagnifyingGlassIcon"
             />
           </InputGroupAddon>
         </InputGroup>
@@ -337,6 +351,7 @@ function ButtonGroupWithFields() {
                 lucide="MinusIcon"
                 tabler="IconMinus"
                 hugeicons="MinusSignIcon"
+                phosphor="MinusIcon"
               />
             </Button>
             <Button variant="outline" size="icon">
@@ -344,6 +359,7 @@ function ButtonGroupWithFields() {
                 lucide="PlusIcon"
                 tabler="IconPlus"
                 hugeicons="PlusSignIcon"
+                phosphor="PlusIcon"
               />
             </Button>
           </ButtonGroup>
@@ -362,6 +378,7 @@ function ButtonGroupWithLike() {
             lucide="HeartIcon"
             tabler="IconBell"
             hugeicons="Notification02Icon"
+            phosphor="HeartIcon"
             data-icon="inline-start"
           />{" "}
           Like
@@ -420,6 +437,7 @@ function ButtonGroupNested() {
               lucide="PlusIcon"
               tabler="IconPlus"
               hugeicons="PlusSignIcon"
+              phosphor="PlusIcon"
             />
           </Button>
         </ButtonGroup>
@@ -432,6 +450,7 @@ function ButtonGroupNested() {
                   lucide="AudioLinesIcon"
                   tabler="IconHeadphones"
                   hugeicons="AudioWave01Icon"
+                  phosphor="MicrophoneIcon"
                 />
               </TooltipTrigger>
               <TooltipContent>Voice Mode</TooltipContent>
@@ -452,6 +471,7 @@ function ButtonGroupPagination() {
             lucide="ArrowLeftIcon"
             tabler="IconArrowLeft"
             hugeicons="ArrowLeft02Icon"
+            phosphor="ArrowLeftIcon"
             data-icon="inline-start"
           />
           Previous
@@ -477,6 +497,7 @@ function ButtonGroupPagination() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Button>
@@ -512,6 +533,7 @@ function ButtonGroupPaginationSplit() {
               lucide="ArrowLeftIcon"
               tabler="IconArrowLeft"
               hugeicons="ArrowLeft01Icon"
+              phosphor="ArrowLeftIcon"
             />
           </Button>
           <Button variant="outline" size="icon-xs">
@@ -519,6 +541,7 @@ function ButtonGroupPaginationSplit() {
               lucide="ArrowRightIcon"
               tabler="IconArrowRight"
               hugeicons="ArrowRight01Icon"
+              phosphor="ArrowRightIcon"
             />
           </Button>
         </ButtonGroup>
@@ -537,6 +560,7 @@ function ButtonGroupNavigation() {
               lucide="ArrowLeftIcon"
               tabler="IconArrowLeft"
               hugeicons="ArrowLeft01Icon"
+              phosphor="ArrowLeftIcon"
             />
           </Button>
           <Button variant="outline">
@@ -544,6 +568,7 @@ function ButtonGroupNavigation() {
               lucide="ArrowRightIcon"
               tabler="IconArrowRight"
               hugeicons="ArrowRight01Icon"
+              phosphor="ArrowRightIcon"
             />
           </Button>
         </ButtonGroup>
@@ -553,6 +578,7 @@ function ButtonGroupNavigation() {
               lucide="ArrowLeftIcon"
               tabler="IconArrowLeft"
               hugeicons="ArrowLeft01Icon"
+              phosphor="ArrowLeftIcon"
             />
           </Button>
         </ButtonGroup>
@@ -599,6 +625,7 @@ function ButtonGroupVertical() {
               lucide="PlusIcon"
               tabler="IconPlus"
               hugeicons="PlusSignIcon"
+              phosphor="PlusIcon"
             />
           </Button>
           <Button variant="outline" size="icon">
@@ -606,6 +633,7 @@ function ButtonGroupVertical() {
               lucide="MinusIcon"
               tabler="IconMinus"
               hugeicons="MinusSignIcon"
+              phosphor="MinusIcon"
             />
           </Button>
         </ButtonGroup>
@@ -624,6 +652,7 @@ function ButtonGroupVerticalNested() {
               lucide="SearchIcon"
               tabler="IconSearch"
               hugeicons="Search01Icon"
+              phosphor="MagnifyingGlassIcon"
             />
           </Button>
           <Button variant="outline" size="icon">
@@ -631,6 +660,7 @@ function ButtonGroupVerticalNested() {
               lucide="CopyIcon"
               tabler="IconCopy"
               hugeicons="Copy01Icon"
+              phosphor="CopyIcon"
             />
           </Button>
           <Button variant="outline" size="icon">
@@ -638,6 +668,7 @@ function ButtonGroupVerticalNested() {
               lucide="ShareIcon"
               tabler="IconShare"
               hugeicons="Share03Icon"
+              phosphor="ShareIcon"
             />
           </Button>
         </ButtonGroup>
@@ -647,6 +678,7 @@ function ButtonGroupVerticalNested() {
               lucide="FlipHorizontalIcon"
               tabler="IconFlipHorizontal"
               hugeicons="FlipHorizontalIcon"
+              phosphor="ArrowsHorizontalIcon"
             />
           </Button>
           <Button variant="outline" size="icon">
@@ -654,6 +686,7 @@ function ButtonGroupVerticalNested() {
               lucide="FlipVerticalIcon"
               tabler="IconFlipVertical"
               hugeicons="FlipVerticalIcon"
+              phosphor="ArrowsVerticalIcon"
             />
           </Button>
           <Button variant="outline" size="icon">
@@ -661,6 +694,7 @@ function ButtonGroupVerticalNested() {
               lucide="RotateCwIcon"
               tabler="IconRotateClockwise2"
               hugeicons="Rotate01Icon"
+              phosphor="ArrowClockwiseIcon"
             />
           </Button>
         </ButtonGroup>
@@ -670,6 +704,7 @@ function ButtonGroupVerticalNested() {
               lucide="TrashIcon"
               tabler="IconTrash"
               hugeicons="Delete02Icon"
+              phosphor="TrashIcon"
             />
           </Button>
         </ButtonGroup>
diff --git a/apps/v4/registry/bases/base/examples/calendar-example.tsx b/apps/v4/registry/bases/base/examples/calendar-example.tsx
index c9e6ac0110d..af1d7462982 100644
--- a/apps/v4/registry/bases/base/examples/calendar-example.tsx
+++ b/apps/v4/registry/bases/base/examples/calendar-example.tsx
@@ -200,6 +200,7 @@ function CalendarWithTime() {
                     lucide="Clock2Icon"
                     tabler="IconClockHour2"
                     hugeicons="Clock03Icon"
+                    phosphor="ClockIcon"
                     className="text-muted-foreground"
                   />
                 </InputGroupAddon>
@@ -220,6 +221,7 @@ function CalendarWithTime() {
                     lucide="Clock2Icon"
                     tabler="IconClockHour2"
                     hugeicons="Clock03Icon"
+                    phosphor="ClockIcon"
                     className="text-muted-foreground"
                   />
                 </InputGroupAddon>
@@ -350,6 +352,7 @@ function DatePickerSimple() {
               lucide="CalendarIcon"
               tabler="IconCalendar"
               hugeicons="CalendarIcon"
+              phosphor="CalendarBlankIcon"
               data-icon="inline-start"
             />
             {date ? format(date, "PPP") : <span>Pick a date</span>}
@@ -387,6 +390,7 @@ function DatePickerWithRange() {
               lucide="CalendarIcon"
               tabler="IconCalendar"
               hugeicons="CalendarIcon"
+              phosphor="CalendarBlankIcon"
               data-icon="inline-start"
             />
             {date?.from ? (
@@ -441,6 +445,7 @@ function DataPickerWithDropdowns() {
               lucide="ChevronDownIcon"
               tabler="IconChevronDown"
               hugeicons="ArrowDownIcon"
+              phosphor="CaretDownIcon"
               data-icon="inline-start"
               className="ml-auto"
             />
diff --git a/apps/v4/registry/bases/base/examples/card-example.tsx b/apps/v4/registry/bases/base/examples/card-example.tsx
index 7a53d00388b..220eb87d70f 100644
--- a/apps/v4/registry/bases/base/examples/card-example.tsx
+++ b/apps/v4/registry/bases/base/examples/card-example.tsx
@@ -113,6 +113,7 @@ function CardMeetingNotes() {
                 lucide="CaptionsIcon"
                 tabler="IconTextCaption"
                 hugeicons="TextCheckIcon"
+                phosphor="TextTIcon"
                 data-icon="inline-start"
               />
               Transcribe
@@ -183,6 +184,7 @@ function CardWithImage() {
               lucide="PlusIcon"
               tabler="IconPlus"
               hugeicons="Add01Icon"
+              phosphor="PlusIcon"
               data-icon="inline-start"
             />
             Button
@@ -216,6 +218,7 @@ function CardWithImageSmall() {
               lucide="PlusIcon"
               tabler="IconPlus"
               hugeicons="Add01Icon"
+              phosphor="PlusIcon"
               data-icon="inline-start"
             />
             Button
diff --git a/apps/v4/registry/bases/base/examples/chart-example.tsx b/apps/v4/registry/bases/base/examples/chart-example.tsx
index 96e343dcdbc..b6a077a2be7 100644
--- a/apps/v4/registry/bases/base/examples/chart-example.tsx
+++ b/apps/v4/registry/bases/base/examples/chart-example.tsx
@@ -121,6 +121,7 @@ function ChartAreaExample() {
                   lucide="TrendingUpIcon"
                   tabler="IconTrendingUp"
                   hugeicons="ChartUpIcon"
+                  phosphor="TrendUpIcon"
                   className="size-4"
                 />
               </div>
@@ -190,6 +191,7 @@ function ChartBarExample() {
               lucide="TrendingUpIcon"
               tabler="IconTrendingUp"
               hugeicons="ChartUpIcon"
+              phosphor="TrendUpIcon"
               className="size-4"
             />
           </div>
@@ -275,6 +277,7 @@ function ChartLineExample() {
                   lucide="TrendingUpIcon"
                   tabler="IconTrendingUp"
                   hugeicons="ChartUpIcon"
+                  phosphor="TrendUpIcon"
                   className="size-4"
                 />
               </div>
@@ -392,6 +395,7 @@ function ChartPieExample() {
               lucide="TrendingUpIcon"
               tabler="IconTrendingUp"
               hugeicons="ChartUpIcon"
+              phosphor="TrendUpIcon"
               className="size-4"
             />
           </div>
@@ -462,6 +466,7 @@ function ChartRadarExample() {
               lucide="TrendingUpIcon"
               tabler="IconTrendingUp"
               hugeicons="ChartUpIcon"
+              phosphor="TrendUpIcon"
               className="size-4"
             />
           </div>
@@ -556,6 +561,7 @@ function ChartRadialExample() {
               lucide="TrendingUpIcon"
               tabler="IconTrendingUp"
               hugeicons="ChartUpIcon"
+              phosphor="TrendUpIcon"
               className="size-4"
             />
           </div>
diff --git a/apps/v4/registry/bases/base/examples/collapsible-example.tsx b/apps/v4/registry/bases/base/examples/collapsible-example.tsx
index 71493ed94ce..813926b1fea 100644
--- a/apps/v4/registry/bases/base/examples/collapsible-example.tsx
+++ b/apps/v4/registry/bases/base/examples/collapsible-example.tsx
@@ -105,12 +105,14 @@ function CollapsibleFileTree() {
               lucide="ChevronRightIcon"
               tabler="IconChevronRight"
               hugeicons="ArrowRight01Icon"
+              phosphor="CaretRightIcon"
               className="transition-transform group-data-[state=open]:rotate-90"
             />
             <IconPlaceholder
               lucide="FolderIcon"
               tabler="IconFolder"
               hugeicons="Folder01Icon"
+              phosphor="FolderIcon"
             />
             {fileItem.name}
           </CollapsibleTrigger>
@@ -133,6 +135,7 @@ function CollapsibleFileTree() {
           lucide="FileIcon"
           tabler="IconFile"
           hugeicons="File01Icon"
+          phosphor="FileIcon"
         />
         <span>{fileItem.name}</span>
       </Button>
@@ -214,12 +217,14 @@ function CollapsibleSettings() {
                   lucide="MinimizeIcon"
                   tabler="IconMinimize"
                   hugeicons="MinusSignIcon"
+                  phosphor="MinusIcon"
                 />
               ) : (
                 <IconPlaceholder
                   lucide="MaximizeIcon"
                   tabler="IconMaximize"
                   hugeicons="PlusSignIcon"
+                  phosphor="PlusIcon"
                 />
               )}
             </CollapsibleTrigger>
diff --git a/apps/v4/registry/bases/base/examples/combobox-example.tsx b/apps/v4/registry/bases/base/examples/combobox-example.tsx
index 2f5801c9177..64f699d7592 100644
--- a/apps/v4/registry/bases/base/examples/combobox-example.tsx
+++ b/apps/v4/registry/bases/base/examples/combobox-example.tsx
@@ -810,6 +810,7 @@ function ComboxboxInputAddon() {
               lucide="GlobeIcon"
               tabler="IconGlobe"
               hugeicons="Globe02Icon"
+              phosphor="GlobeIcon"
             />
           </InputGroupAddon>
         </ComboboxInput>
@@ -1233,6 +1234,7 @@ function ComboboxWithOtherInputs() {
           lucide="ChevronDownIcon"
           tabler="IconSelector"
           hugeicons="UnfoldMoreIcon"
+          phosphor="CaretDownIcon"
         />
       </Button>
       <Input placeholder="Select a framework" className="w-52" />
@@ -1243,6 +1245,7 @@ function ComboboxWithOtherInputs() {
             lucide="ChevronDownIcon"
             tabler="IconSelector"
             hugeicons="UnfoldMoreIcon"
+            phosphor="CaretDownIcon"
           />
         </InputGroupAddon>
       </InputGroup>
diff --git a/apps/v4/registry/bases/base/examples/command-example.tsx b/apps/v4/registry/bases/base/examples/command-example.tsx
index 2d5af01c7ae..f384abbfff6 100644
--- a/apps/v4/registry/bases/base/examples/command-example.tsx
+++ b/apps/v4/registry/bases/base/examples/command-example.tsx
@@ -86,6 +86,7 @@ function CommandWithShortcuts() {
                     lucide="UserIcon"
                     tabler="IconUser"
                     hugeicons="UserIcon"
+                    phosphor="UserIcon"
                   />
                   <span>Profile</span>
                   <CommandShortcut>⌘P</CommandShortcut>
@@ -95,6 +96,7 @@ function CommandWithShortcuts() {
                     lucide="CreditCardIcon"
                     tabler="IconCreditCard"
                     hugeicons="CreditCardIcon"
+                    phosphor="CreditCardIcon"
                   />
                   <span>Billing</span>
                   <CommandShortcut>⌘B</CommandShortcut>
@@ -104,6 +106,7 @@ function CommandWithShortcuts() {
                     lucide="SettingsIcon"
                     tabler="IconSettings"
                     hugeicons="SettingsIcon"
+                    phosphor="GearIcon"
                   />
                   <span>Settings</span>
                   <CommandShortcut>⌘S</CommandShortcut>
@@ -141,6 +144,7 @@ function CommandWithGroups() {
                     lucide="CalendarIcon"
                     tabler="IconCalendar"
                     hugeicons="CalendarIcon"
+                    phosphor="CalendarBlankIcon"
                   />
                   <span>Calendar</span>
                 </CommandItem>
@@ -149,6 +153,7 @@ function CommandWithGroups() {
                     lucide="SmileIcon"
                     tabler="IconMoodSmile"
                     hugeicons="SmileIcon"
+                    phosphor="SmileyIcon"
                   />
                   <span>Search Emoji</span>
                 </CommandItem>
@@ -157,6 +162,7 @@ function CommandWithGroups() {
                     lucide="CalculatorIcon"
                     tabler="IconCalculator"
                     hugeicons="CalculatorIcon"
+                    phosphor="CalculatorIcon"
                   />
                   <span>Calculator</span>
                 </CommandItem>
@@ -168,6 +174,7 @@ function CommandWithGroups() {
                     lucide="UserIcon"
                     tabler="IconUser"
                     hugeicons="UserIcon"
+                    phosphor="UserIcon"
                   />
                   <span>Profile</span>
                   <CommandShortcut>⌘P</CommandShortcut>
@@ -177,6 +184,7 @@ function CommandWithGroups() {
                     lucide="CreditCardIcon"
                     tabler="IconCreditCard"
                     hugeicons="CreditCardIcon"
+                    phosphor="CreditCardIcon"
                   />
                   <span>Billing</span>
                   <CommandShortcut>⌘B</CommandShortcut>
@@ -186,6 +194,7 @@ function CommandWithGroups() {
                     lucide="SettingsIcon"
                     tabler="IconSettings"
                     hugeicons="SettingsIcon"
+                    phosphor="GearIcon"
                   />
                   <span>Settings</span>
                   <CommandShortcut>⌘S</CommandShortcut>
@@ -223,6 +232,7 @@ function CommandManyItems() {
                     lucide="HomeIcon"
                     tabler="IconHome"
                     hugeicons="HomeIcon"
+                    phosphor="HouseIcon"
                   />
                   <span>Home</span>
                   <CommandShortcut>⌘H</CommandShortcut>
@@ -232,6 +242,7 @@ function CommandManyItems() {
                     lucide="InboxIcon"
                     tabler="IconInbox"
                     hugeicons="InboxIcon"
+                    phosphor="TrayIcon"
                   />
                   <span>Inbox</span>
                   <CommandShortcut>⌘I</CommandShortcut>
@@ -241,6 +252,7 @@ function CommandManyItems() {
                     lucide="FileTextIcon"
                     tabler="IconFileText"
                     hugeicons="File02Icon"
+                    phosphor="FileTextIcon"
                   />
                   <span>Documents</span>
                   <CommandShortcut>⌘D</CommandShortcut>
@@ -250,6 +262,7 @@ function CommandManyItems() {
                     lucide="FolderIcon"
                     tabler="IconFolder"
                     hugeicons="FolderIcon"
+                    phosphor="FolderIcon"
                   />
                   <span>Folders</span>
                   <CommandShortcut>⌘F</CommandShortcut>
@@ -262,6 +275,7 @@ function CommandManyItems() {
                     lucide="PlusIcon"
                     tabler="IconPlus"
                     hugeicons="PlusSignIcon"
+                    phosphor="PlusIcon"
                   />
                   <span>New File</span>
                   <CommandShortcut>⌘N</CommandShortcut>
@@ -271,6 +285,7 @@ function CommandManyItems() {
                     lucide="FolderPlusIcon"
                     tabler="IconFolderPlus"
                     hugeicons="FolderAddIcon"
+                    phosphor="FolderPlusIcon"
                   />
                   <span>New Folder</span>
                   <CommandShortcut>⇧⌘N</CommandShortcut>
@@ -280,6 +295,7 @@ function CommandManyItems() {
                     lucide="CopyIcon"
                     tabler="IconCopy"
                     hugeicons="CopyIcon"
+                    phosphor="CopyIcon"
                   />
                   <span>Copy</span>
                   <CommandShortcut>⌘C</CommandShortcut>
@@ -289,6 +305,7 @@ function CommandManyItems() {
                     lucide="ScissorsIcon"
                     tabler="IconCut"
                     hugeicons="ScissorIcon"
+                    phosphor="ScissorsIcon"
                   />
                   <span>Cut</span>
                   <CommandShortcut>⌘X</CommandShortcut>
@@ -298,6 +315,7 @@ function CommandManyItems() {
                     lucide="ClipboardPasteIcon"
                     tabler="IconClipboard"
                     hugeicons="ClipboardIcon"
+                    phosphor="ClipboardIcon"
                   />
                   <span>Paste</span>
                   <CommandShortcut>⌘V</CommandShortcut>
@@ -307,6 +325,7 @@ function CommandManyItems() {
                     lucide="TrashIcon"
                     tabler="IconTrash"
                     hugeicons="DeleteIcon"
+                    phosphor="TrashIcon"
                   />
                   <span>Delete</span>
                   <CommandShortcut>⌫</CommandShortcut>
@@ -319,6 +338,7 @@ function CommandManyItems() {
                     lucide="LayoutGridIcon"
                     tabler="IconLayoutGrid"
                     hugeicons="GridIcon"
+                    phosphor="GridFourIcon"
                   />
                   <span>Grid View</span>
                 </CommandItem>
@@ -327,6 +347,7 @@ function CommandManyItems() {
                     lucide="ListIcon"
                     tabler="IconList"
                     hugeicons="Menu05Icon"
+                    phosphor="ListIcon"
                   />
                   <span>List View</span>
                 </CommandItem>
@@ -335,6 +356,7 @@ function CommandManyItems() {
                     lucide="ZoomInIcon"
                     tabler="IconZoomIn"
                     hugeicons="ZoomInAreaIcon"
+                    phosphor="MagnifyingGlassPlusIcon"
                   />
                   <span>Zoom In</span>
                   <CommandShortcut>⌘+</CommandShortcut>
@@ -344,6 +366,7 @@ function CommandManyItems() {
                     lucide="ZoomOutIcon"
                     tabler="IconZoomOut"
                     hugeicons="ZoomOutAreaIcon"
+                    phosphor="MagnifyingGlassMinusIcon"
                   />
                   <span>Zoom Out</span>
                   <CommandShortcut>⌘-</CommandShortcut>
@@ -356,6 +379,7 @@ function CommandManyItems() {
                     lucide="UserIcon"
                     tabler="IconUser"
                     hugeicons="UserIcon"
+                    phosphor="UserIcon"
                   />
                   <span>Profile</span>
                   <CommandShortcut>⌘P</CommandShortcut>
@@ -365,6 +389,7 @@ function CommandManyItems() {
                     lucide="CreditCardIcon"
                     tabler="IconCreditCard"
                     hugeicons="CreditCardIcon"
+                    phosphor="CreditCardIcon"
                   />
                   <span>Billing</span>
                   <CommandShortcut>⌘B</CommandShortcut>
@@ -374,6 +399,7 @@ function CommandManyItems() {
                     lucide="SettingsIcon"
                     tabler="IconSettings"
                     hugeicons="SettingsIcon"
+                    phosphor="GearIcon"
                   />
                   <span>Settings</span>
                   <CommandShortcut>⌘S</CommandShortcut>
@@ -383,6 +409,7 @@ function CommandManyItems() {
                     lucide="BellIcon"
                     tabler="IconBell"
                     hugeicons="NotificationIcon"
+                    phosphor="BellIcon"
                   />
                   <span>Notifications</span>
                 </CommandItem>
@@ -391,6 +418,7 @@ function CommandManyItems() {
                     lucide="HelpCircleIcon"
                     tabler="IconHelpCircle"
                     hugeicons="HelpCircleIcon"
+                    phosphor="QuestionIcon"
                   />
                   <span>Help & Support</span>
                 </CommandItem>
@@ -402,6 +430,7 @@ function CommandManyItems() {
                     lucide="CalculatorIcon"
                     tabler="IconCalculator"
                     hugeicons="CalculatorIcon"
+                    phosphor="CalculatorIcon"
                   />
                   <span>Calculator</span>
                 </CommandItem>
@@ -410,6 +439,7 @@ function CommandManyItems() {
                     lucide="CalendarIcon"
                     tabler="IconCalendar"
                     hugeicons="CalendarIcon"
+                    phosphor="CalendarBlankIcon"
                   />
                   <span>Calendar</span>
                 </CommandItem>
@@ -418,6 +448,7 @@ function CommandManyItems() {
                     lucide="ImageIcon"
                     tabler="IconPhoto"
                     hugeicons="ImageIcon"
+                    phosphor="ImageIcon"
                   />
                   <span>Image Editor</span>
                 </CommandItem>
@@ -426,6 +457,7 @@ function CommandManyItems() {
                     lucide="CodeIcon"
                     tabler="IconCode"
                     hugeicons="CodeIcon"
+                    phosphor="CodeIcon"
                   />
                   <span>Code Editor</span>
                 </CommandItem>
diff --git a/apps/v4/registry/bases/base/examples/component-example.tsx b/apps/v4/registry/bases/base/examples/component-example.tsx
index 58a423c2a14..468defc7aa7 100644
--- a/apps/v4/registry/bases/base/examples/component-example.tsx
+++ b/apps/v4/registry/bases/base/examples/component-example.tsx
@@ -102,6 +102,7 @@ function CardExample() {
                 lucide="PlusIcon"
                 tabler="IconPlus"
                 hugeicons="PlusSignIcon"
+                phosphor="PlusIcon"
                 data-icon="inline-start"
               />
               Show Dialog
@@ -113,6 +114,7 @@ function CardExample() {
                     lucide="BluetoothIcon"
                     tabler="IconBluetooth"
                     hugeicons="BluetoothIcon"
+                    phosphor="BluetoothIcon"
                   />
                 </AlertDialogMedia>
                 <AlertDialogTitle>Allow accessory to connect?</AlertDialogTitle>
@@ -174,6 +176,7 @@ function FormExample() {
                   lucide="MoreVerticalIcon"
                   tabler="IconDotsVertical"
                   hugeicons="MoreVerticalCircle01Icon"
+                  phosphor="DotsThreeVerticalIcon"
                 />
                 <span className="sr-only">More options</span>
               </DropdownMenuTrigger>
@@ -185,6 +188,7 @@ function FormExample() {
                       lucide="FileIcon"
                       tabler="IconFile"
                       hugeicons="FileIcon"
+                      phosphor="FileIcon"
                     />
                     New File
                     <DropdownMenuShortcut>⌘N</DropdownMenuShortcut>
@@ -194,6 +198,7 @@ function FormExample() {
                       lucide="FolderIcon"
                       tabler="IconFolder"
                       hugeicons="FolderIcon"
+                      phosphor="FolderIcon"
                     />
                     New Folder
                     <DropdownMenuShortcut>⇧⌘N</DropdownMenuShortcut>
@@ -204,6 +209,7 @@ function FormExample() {
                         lucide="FolderOpenIcon"
                         tabler="IconFolderOpen"
                         hugeicons="FolderOpenIcon"
+                        phosphor="FolderOpenIcon"
                       />
                       Open Recent
                     </DropdownMenuSubTrigger>
@@ -216,6 +222,7 @@ function FormExample() {
                               lucide="FileCodeIcon"
                               tabler="IconFileCode"
                               hugeicons="CodeIcon"
+                              phosphor="CodeIcon"
                             />
                             Project Alpha
                           </DropdownMenuItem>
@@ -224,6 +231,7 @@ function FormExample() {
                               lucide="FileCodeIcon"
                               tabler="IconFileCode"
                               hugeicons="CodeIcon"
+                              phosphor="CodeIcon"
                             />
                             Project Beta
                           </DropdownMenuItem>
@@ -233,6 +241,7 @@ function FormExample() {
                                 lucide="MoreHorizontalIcon"
                                 tabler="IconDots"
                                 hugeicons="MoreHorizontalCircle01Icon"
+                                phosphor="DotsThreeOutlineIcon"
                               />
                               More Projects
                             </DropdownMenuSubTrigger>
@@ -243,6 +252,7 @@ function FormExample() {
                                     lucide="FileCodeIcon"
                                     tabler="IconFileCode"
                                     hugeicons="CodeIcon"
+                                    phosphor="CodeIcon"
                                   />
                                   Project Gamma
                                 </DropdownMenuItem>
@@ -251,6 +261,7 @@ function FormExample() {
                                     lucide="FileCodeIcon"
                                     tabler="IconFileCode"
                                     hugeicons="CodeIcon"
+                                    phosphor="CodeIcon"
                                   />
                                   Project Delta
                                 </DropdownMenuItem>
@@ -265,6 +276,7 @@ function FormExample() {
                               lucide="FolderSearchIcon"
                               tabler="IconFolderSearch"
                               hugeicons="SearchIcon"
+                              phosphor="MagnifyingGlassIcon"
                             />
                             Browse...
                           </DropdownMenuItem>
@@ -278,6 +290,7 @@ function FormExample() {
                       lucide="SaveIcon"
                       tabler="IconDeviceFloppy"
                       hugeicons="FloppyDiskIcon"
+                      phosphor="FloppyDiskIcon"
                     />
                     Save
                     <DropdownMenuShortcut>⌘S</DropdownMenuShortcut>
@@ -287,6 +300,7 @@ function FormExample() {
                       lucide="DownloadIcon"
                       tabler="IconDownload"
                       hugeicons="DownloadIcon"
+                      phosphor="DownloadIcon"
                     />
                     Export
                     <DropdownMenuShortcut>⇧⌘E</DropdownMenuShortcut>
@@ -308,6 +322,7 @@ function FormExample() {
                       lucide="EyeIcon"
                       tabler="IconEye"
                       hugeicons="EyeIcon"
+                      phosphor="EyeIcon"
                     />
                     Show Sidebar
                   </DropdownMenuCheckboxItem>
@@ -324,6 +339,7 @@ function FormExample() {
                       lucide="LayoutIcon"
                       tabler="IconLayout"
                       hugeicons="LayoutIcon"
+                      phosphor="LayoutIcon"
                     />
                     Show Status Bar
                   </DropdownMenuCheckboxItem>
@@ -333,6 +349,7 @@ function FormExample() {
                         lucide="PaletteIcon"
                         tabler="IconPalette"
                         hugeicons="PaintBoardIcon"
+                        phosphor="PaletteIcon"
                       />
                       Theme
                     </DropdownMenuSubTrigger>
@@ -349,6 +366,7 @@ function FormExample() {
                                 lucide="SunIcon"
                                 tabler="IconSun"
                                 hugeicons="SunIcon"
+                                phosphor="SunIcon"
                               />
                               Light
                             </DropdownMenuRadioItem>
@@ -357,6 +375,7 @@ function FormExample() {
                                 lucide="MoonIcon"
                                 tabler="IconMoon"
                                 hugeicons="MoonIcon"
+                                phosphor="MoonIcon"
                               />
                               Dark
                             </DropdownMenuRadioItem>
@@ -365,6 +384,7 @@ function FormExample() {
                                 lucide="MonitorIcon"
                                 tabler="IconDeviceDesktop"
                                 hugeicons="ComputerIcon"
+                                phosphor="MonitorIcon"
                               />
                               System
                             </DropdownMenuRadioItem>
@@ -382,6 +402,7 @@ function FormExample() {
                       lucide="UserIcon"
                       tabler="IconUser"
                       hugeicons="UserIcon"
+                      phosphor="UserIcon"
                     />
                     Profile
                     <DropdownMenuShortcut>⇧⌘P</DropdownMenuShortcut>
@@ -391,6 +412,7 @@ function FormExample() {
                       lucide="CreditCardIcon"
                       tabler="IconCreditCard"
                       hugeicons="CreditCardIcon"
+                      phosphor="CreditCardIcon"
                     />
                     Billing
                   </DropdownMenuItem>
@@ -400,6 +422,7 @@ function FormExample() {
                         lucide="SettingsIcon"
                         tabler="IconSettings"
                         hugeicons="SettingsIcon"
+                        phosphor="GearIcon"
                       />
                       Settings
                     </DropdownMenuSubTrigger>
@@ -412,6 +435,7 @@ function FormExample() {
                               lucide="KeyboardIcon"
                               tabler="IconKeyboard"
                               hugeicons="KeyboardIcon"
+                              phosphor="KeyboardIcon"
                             />
                             Keyboard Shortcuts
                           </DropdownMenuItem>
@@ -420,6 +444,7 @@ function FormExample() {
                               lucide="LanguagesIcon"
                               tabler="IconLanguage"
                               hugeicons="LanguageCircleIcon"
+                              phosphor="TranslateIcon"
                             />
                             Language
                           </DropdownMenuItem>
@@ -429,6 +454,7 @@ function FormExample() {
                                 lucide="BellIcon"
                                 tabler="IconBell"
                                 hugeicons="NotificationIcon"
+                                phosphor="BellIcon"
                               />
                               Notifications
                             </DropdownMenuSubTrigger>
@@ -451,6 +477,7 @@ function FormExample() {
                                       lucide="BellIcon"
                                       tabler="IconBell"
                                       hugeicons="NotificationIcon"
+                                      phosphor="BellIcon"
                                     />
                                     Push Notifications
                                   </DropdownMenuCheckboxItem>
@@ -467,6 +494,7 @@ function FormExample() {
                                       lucide="MailIcon"
                                       tabler="IconMail"
                                       hugeicons="MailIcon"
+                                      phosphor="EnvelopeIcon"
                                     />
                                     Email Notifications
                                   </DropdownMenuCheckboxItem>
@@ -482,6 +510,7 @@ function FormExample() {
                               lucide="ShieldIcon"
                               tabler="IconShield"
                               hugeicons="ShieldIcon"
+                              phosphor="ShieldIcon"
                             />
                             Privacy & Security
                           </DropdownMenuItem>
@@ -497,6 +526,7 @@ function FormExample() {
                       lucide="HelpCircleIcon"
                       tabler="IconHelpCircle"
                       hugeicons="HelpCircleIcon"
+                      phosphor="QuestionIcon"
                     />
                     Help & Support
                   </DropdownMenuItem>
@@ -505,6 +535,7 @@ function FormExample() {
                       lucide="FileTextIcon"
                       tabler="IconFileText"
                       hugeicons="File01Icon"
+                      phosphor="FileTextIcon"
                     />
                     Documentation
                   </DropdownMenuItem>
@@ -516,6 +547,7 @@ function FormExample() {
                       lucide="LogOutIcon"
                       tabler="IconLogout"
                       hugeicons="LogoutIcon"
+                      phosphor="SignOutIcon"
                     />
                     Sign Out
                     <DropdownMenuShortcut>⇧⌘Q</DropdownMenuShortcut>
diff --git a/apps/v4/registry/bases/base/examples/context-menu-example.tsx b/apps/v4/registry/bases/base/examples/context-menu-example.tsx
index b087612aee7..96001aae31a 100644
--- a/apps/v4/registry/bases/base/examples/context-menu-example.tsx
+++ b/apps/v4/registry/bases/base/examples/context-menu-example.tsx
@@ -83,6 +83,7 @@ function ContextMenuWithIcons() {
                 lucide="CopyIcon"
                 tabler="IconCopy"
                 hugeicons="CopyIcon"
+                phosphor="CopyIcon"
               />
               Copy
             </ContextMenuItem>
@@ -91,6 +92,7 @@ function ContextMenuWithIcons() {
                 lucide="ScissorsIcon"
                 tabler="IconCut"
                 hugeicons="ScissorIcon"
+                phosphor="ScissorsIcon"
               />
               Cut
             </ContextMenuItem>
@@ -99,6 +101,7 @@ function ContextMenuWithIcons() {
                 lucide="ClipboardPasteIcon"
                 tabler="IconClipboard"
                 hugeicons="ClipboardIcon"
+                phosphor="ClipboardIcon"
               />
               Paste
             </ContextMenuItem>
@@ -110,6 +113,7 @@ function ContextMenuWithIcons() {
                 lucide="TrashIcon"
                 tabler="IconTrash"
                 hugeicons="DeleteIcon"
+                phosphor="TrashIcon"
               />
               Delete
             </ContextMenuItem>
@@ -338,6 +342,7 @@ function ContextMenuWithDestructive() {
                 lucide="PencilIcon"
                 tabler="IconPencil"
                 hugeicons="EditIcon"
+                phosphor="PencilIcon"
               />
               Edit
             </ContextMenuItem>
@@ -346,6 +351,7 @@ function ContextMenuWithDestructive() {
                 lucide="ShareIcon"
                 tabler="IconShare"
                 hugeicons="ShareIcon"
+                phosphor="ShareIcon"
               />
               Share
             </ContextMenuItem>
@@ -357,6 +363,7 @@ function ContextMenuWithDestructive() {
                 lucide="ArchiveIcon"
                 tabler="IconArchive"
                 hugeicons="Archive02Icon"
+                phosphor="ArchiveIcon"
               />
               Archive
             </ContextMenuItem>
@@ -365,6 +372,7 @@ function ContextMenuWithDestructive() {
                 lucide="TrashIcon"
                 tabler="IconTrash"
                 hugeicons="DeleteIcon"
+                phosphor="TrashIcon"
               />
               Delete
             </ContextMenuItem>
@@ -457,6 +465,7 @@ function ContextMenuInDialog() {
                     lucide="CopyIcon"
                     tabler="IconCopy"
                     hugeicons="CopyIcon"
+                    phosphor="CopyIcon"
                   />
                   Copy
                 </ContextMenuItem>
@@ -465,6 +474,7 @@ function ContextMenuInDialog() {
                     lucide="ScissorsIcon"
                     tabler="IconCut"
                     hugeicons="ScissorIcon"
+                    phosphor="ScissorsIcon"
                   />
                   Cut
                 </ContextMenuItem>
@@ -473,6 +483,7 @@ function ContextMenuInDialog() {
                     lucide="ClipboardPasteIcon"
                     tabler="IconClipboard"
                     hugeicons="ClipboardIcon"
+                    phosphor="ClipboardIcon"
                   />
                   Paste
                 </ContextMenuItem>
@@ -499,6 +510,7 @@ function ContextMenuInDialog() {
                     lucide="TrashIcon"
                     tabler="IconTrash"
                     hugeicons="DeleteIcon"
+                    phosphor="TrashIcon"
                   />
                   Delete
                 </ContextMenuItem>
diff --git a/apps/v4/registry/bases/base/examples/dialog-example.tsx b/apps/v4/registry/bases/base/examples/dialog-example.tsx
index 33b5093de37..7c2e32202b1 100644
--- a/apps/v4/registry/bases/base/examples/dialog-example.tsx
+++ b/apps/v4/registry/bases/base/examples/dialog-example.tsx
@@ -501,6 +501,7 @@ function DialogChatSettings() {
                                 lucide="InfoIcon"
                                 tabler="IconInfoCircle"
                                 hugeicons="AlertCircleIcon"
+                                phosphor="InfoIcon"
                               />
                             </TooltipTrigger>
                             <TooltipContent className="flex items-center gap-2">
diff --git a/apps/v4/registry/bases/base/examples/dropdown-menu-example.tsx b/apps/v4/registry/bases/base/examples/dropdown-menu-example.tsx
index 23fb07e83b0..8a1800bddfd 100644
--- a/apps/v4/registry/bases/base/examples/dropdown-menu-example.tsx
+++ b/apps/v4/registry/bases/base/examples/dropdown-menu-example.tsx
@@ -99,6 +99,7 @@ function DropdownMenuWithIcons() {
               lucide="UserIcon"
               tabler="IconUser"
               hugeicons="UserIcon"
+              phosphor="UserIcon"
             />
             Profile
           </DropdownMenuItem>
@@ -107,6 +108,7 @@ function DropdownMenuWithIcons() {
               lucide="CreditCardIcon"
               tabler="IconCreditCard"
               hugeicons="CreditCardIcon"
+              phosphor="CreditCardIcon"
             />
             Billing
           </DropdownMenuItem>
@@ -115,6 +117,7 @@ function DropdownMenuWithIcons() {
               lucide="SettingsIcon"
               tabler="IconSettings"
               hugeicons="SettingsIcon"
+              phosphor="GearIcon"
             />
             Settings
           </DropdownMenuItem>
@@ -124,6 +127,7 @@ function DropdownMenuWithIcons() {
               lucide="LogOutIcon"
               tabler="IconLogout"
               hugeicons="LogoutIcon"
+              phosphor="SignOutIcon"
             />
             Log out
           </DropdownMenuItem>
@@ -231,6 +235,7 @@ function DropdownMenuWithCheckboxes() {
                 lucide="LayoutIcon"
                 tabler="IconLayout"
                 hugeicons="LayoutIcon"
+                phosphor="LayoutIcon"
               />
               Status Bar
             </DropdownMenuCheckboxItem>
@@ -243,6 +248,7 @@ function DropdownMenuWithCheckboxes() {
                 lucide="ActivityIcon"
                 tabler="IconActivity"
                 hugeicons="ActivityIcon"
+                phosphor="ActivityIcon"
               />
               Activity Bar
             </DropdownMenuCheckboxItem>
@@ -254,6 +260,7 @@ function DropdownMenuWithCheckboxes() {
                 lucide="PanelLeftIcon"
                 tabler="IconLayoutSidebar"
                 hugeicons="LayoutLeftIcon"
+                phosphor="SidebarIcon"
               />
               Panel
             </DropdownMenuCheckboxItem>
@@ -287,6 +294,7 @@ function DropdownMenuWithRadio() {
                   lucide="ArrowUpIcon"
                   tabler="IconArrowUp"
                   hugeicons="ArrowUp01Icon"
+                  phosphor="ArrowUpIcon"
                 />
                 Top
               </DropdownMenuRadioItem>
@@ -295,6 +303,7 @@ function DropdownMenuWithRadio() {
                   lucide="ArrowDownIcon"
                   tabler="IconArrowDown"
                   hugeicons="ArrowDown01Icon"
+                  phosphor="ArrowDownIcon"
                 />
                 Bottom
               </DropdownMenuRadioItem>
@@ -303,6 +312,7 @@ function DropdownMenuWithRadio() {
                   lucide="ArrowRightIcon"
                   tabler="IconArrowRight"
                   hugeicons="ArrowRight01Icon"
+                  phosphor="ArrowRightIcon"
                 />
                 Right
               </DropdownMenuRadioItem>
@@ -342,6 +352,7 @@ function DropdownMenuWithCheckboxesIcons() {
                 lucide="MailIcon"
                 tabler="IconMail"
                 hugeicons="MailIcon"
+                phosphor="EnvelopeIcon"
               />
               Email notifications
             </DropdownMenuCheckboxItem>
@@ -355,6 +366,7 @@ function DropdownMenuWithCheckboxesIcons() {
                 lucide="MessageSquareIcon"
                 tabler="IconMessage"
                 hugeicons="MessageIcon"
+                phosphor="ChatCircleIcon"
               />
               SMS notifications
             </DropdownMenuCheckboxItem>
@@ -368,6 +380,7 @@ function DropdownMenuWithCheckboxesIcons() {
                 lucide="BellIcon"
                 tabler="IconBell"
                 hugeicons="NotificationIcon"
+                phosphor="BellIcon"
               />
               Push notifications
             </DropdownMenuCheckboxItem>
@@ -401,6 +414,7 @@ function DropdownMenuWithRadioIcons() {
                   lucide="CreditCardIcon"
                   tabler="IconCreditCard"
                   hugeicons="CreditCardIcon"
+                  phosphor="CreditCardIcon"
                 />
                 Credit Card
               </DropdownMenuRadioItem>
@@ -409,6 +423,7 @@ function DropdownMenuWithRadioIcons() {
                   lucide="WalletIcon"
                   tabler="IconWallet"
                   hugeicons="WalletIcon"
+                  phosphor="WalletIcon"
                 />
                 PayPal
               </DropdownMenuRadioItem>
@@ -417,6 +432,7 @@ function DropdownMenuWithRadioIcons() {
                   lucide="Building2Icon"
                   tabler="IconBuildingBank"
                   hugeicons="BankIcon"
+                  phosphor="BankIcon"
                 />
                 Bank Transfer
               </DropdownMenuRadioItem>
@@ -443,6 +459,7 @@ function DropdownMenuWithDestructive() {
               lucide="PencilIcon"
               tabler="IconPencil"
               hugeicons="EditIcon"
+              phosphor="PencilIcon"
             />
             Edit
           </DropdownMenuItem>
@@ -451,6 +468,7 @@ function DropdownMenuWithDestructive() {
               lucide="ShareIcon"
               tabler="IconShare"
               hugeicons="ShareIcon"
+              phosphor="ShareIcon"
             />
             Share
           </DropdownMenuItem>
@@ -460,6 +478,7 @@ function DropdownMenuWithDestructive() {
               lucide="ArchiveIcon"
               tabler="IconArchive"
               hugeicons="Archive02Icon"
+              phosphor="ArchiveIcon"
             />
             Archive
           </DropdownMenuItem>
@@ -468,6 +487,7 @@ function DropdownMenuWithDestructive() {
               lucide="TrashIcon"
               tabler="IconTrash"
               hugeicons="DeleteIcon"
+              phosphor="TrashIcon"
             />
             Delete
           </DropdownMenuItem>
@@ -486,6 +506,7 @@ function DropdownMenuWithAvatar() {
             lucide="BadgeCheckIcon"
             tabler="IconRosetteDiscountCheck"
             hugeicons="CheckmarkBadgeIcon"
+            phosphor="CheckCircleIcon"
           />
           Account
         </DropdownMenuItem>
@@ -494,6 +515,7 @@ function DropdownMenuWithAvatar() {
             lucide="CreditCardIcon"
             tabler="IconCreditCard"
             hugeicons="CreditCardIcon"
+            phosphor="CreditCardIcon"
           />
           Billing
         </DropdownMenuItem>
@@ -502,6 +524,7 @@ function DropdownMenuWithAvatar() {
             lucide="BellIcon"
             tabler="IconBell"
             hugeicons="NotificationIcon"
+            phosphor="BellIcon"
           />
           Notifications
         </DropdownMenuItem>
@@ -512,6 +535,7 @@ function DropdownMenuWithAvatar() {
           lucide="LogOutIcon"
           tabler="IconLogout"
           hugeicons="LogoutIcon"
+          phosphor="SignOutIcon"
         />
         Sign Out
       </DropdownMenuItem>
@@ -544,6 +568,7 @@ function DropdownMenuWithAvatar() {
               lucide="ChevronsUpDownIcon"
               tabler="IconSelector"
               hugeicons="UnfoldMoreIcon"
+              phosphor="CaretUpDownIcon"
               className="text-muted-foreground ml-auto"
             />
           </DropdownMenuTrigger>
@@ -597,6 +622,7 @@ function DropdownMenuInDialog() {
                   lucide="CopyIcon"
                   tabler="IconCopy"
                   hugeicons="CopyIcon"
+                  phosphor="CopyIcon"
                 />
                 Copy
               </DropdownMenuItem>
@@ -605,6 +631,7 @@ function DropdownMenuInDialog() {
                   lucide="ScissorsIcon"
                   tabler="IconCut"
                   hugeicons="ScissorIcon"
+                  phosphor="ScissorsIcon"
                 />
                 Cut
               </DropdownMenuItem>
@@ -613,6 +640,7 @@ function DropdownMenuInDialog() {
                   lucide="ClipboardPasteIcon"
                   tabler="IconClipboard"
                   hugeicons="ClipboardIcon"
+                  phosphor="ClipboardIcon"
                 />
                 Paste
               </DropdownMenuItem>
@@ -635,6 +663,7 @@ function DropdownMenuInDialog() {
                   lucide="TrashIcon"
                   tabler="IconTrash"
                   hugeicons="DeleteIcon"
+                  phosphor="TrashIcon"
                 />
                 Delete
               </DropdownMenuItem>
@@ -670,6 +699,7 @@ function DropdownMenuComplex() {
                 lucide="FileIcon"
                 tabler="IconFile"
                 hugeicons="FileIcon"
+                phosphor="FileIcon"
               />
               New File
               <DropdownMenuShortcut>⌘N</DropdownMenuShortcut>
@@ -679,6 +709,7 @@ function DropdownMenuComplex() {
                 lucide="FolderIcon"
                 tabler="IconFolder"
                 hugeicons="FolderIcon"
+                phosphor="FolderIcon"
               />
               New Folder
               <DropdownMenuShortcut>⇧⌘N</DropdownMenuShortcut>
@@ -689,6 +720,7 @@ function DropdownMenuComplex() {
                   lucide="FolderOpenIcon"
                   tabler="IconFolderOpen"
                   hugeicons="FolderOpenIcon"
+                  phosphor="FolderOpenIcon"
                 />
                 Open Recent
               </DropdownMenuSubTrigger>
@@ -701,6 +733,7 @@ function DropdownMenuComplex() {
                         lucide="FileCodeIcon"
                         tabler="IconFileCode"
                         hugeicons="CodeIcon"
+                        phosphor="CodeIcon"
                       />
                       Project Alpha
                     </DropdownMenuItem>
@@ -709,6 +742,7 @@ function DropdownMenuComplex() {
                         lucide="FileCodeIcon"
                         tabler="IconFileCode"
                         hugeicons="CodeIcon"
+                        phosphor="CodeIcon"
                       />
                       Project Beta
                     </DropdownMenuItem>
@@ -718,6 +752,7 @@ function DropdownMenuComplex() {
                           lucide="MoreHorizontalIcon"
                           tabler="IconDots"
                           hugeicons="MoreHorizontalCircle01Icon"
+                          phosphor="DotsThreeOutlineIcon"
                         />
                         More Projects
                       </DropdownMenuSubTrigger>
@@ -728,6 +763,7 @@ function DropdownMenuComplex() {
                               lucide="FileCodeIcon"
                               tabler="IconFileCode"
                               hugeicons="CodeIcon"
+                              phosphor="FileCodeIcon"
                             />
                             Project Gamma
                           </DropdownMenuItem>
@@ -736,6 +772,7 @@ function DropdownMenuComplex() {
                               lucide="FileCodeIcon"
                               tabler="IconFileCode"
                               hugeicons="CodeIcon"
+                              phosphor="FileCodeIcon"
                             />
                             Project Delta
                           </DropdownMenuItem>
@@ -750,6 +787,7 @@ function DropdownMenuComplex() {
                         lucide="FolderSearchIcon"
                         tabler="IconFolderSearch"
                         hugeicons="SearchIcon"
+                        phosphor="MagnifyingGlassIcon"
                       />
                       Browse...
                     </DropdownMenuItem>
@@ -763,6 +801,7 @@ function DropdownMenuComplex() {
                 lucide="SaveIcon"
                 tabler="IconDeviceFloppy"
                 hugeicons="FloppyDiskIcon"
+                phosphor="FloppyDiskIcon"
               />
               Save
               <DropdownMenuShortcut>⌘S</DropdownMenuShortcut>
@@ -772,6 +811,7 @@ function DropdownMenuComplex() {
                 lucide="DownloadIcon"
                 tabler="IconDownload"
                 hugeicons="DownloadIcon"
+                phosphor="DownloadIcon"
               />
               Export
               <DropdownMenuShortcut>⇧⌘E</DropdownMenuShortcut>
@@ -790,6 +830,7 @@ function DropdownMenuComplex() {
                 lucide="EyeIcon"
                 tabler="IconEye"
                 hugeicons="EyeIcon"
+                phosphor="EyeIcon"
               />
               Show Sidebar
             </DropdownMenuCheckboxItem>
@@ -803,6 +844,7 @@ function DropdownMenuComplex() {
                 lucide="LayoutIcon"
                 tabler="IconLayout"
                 hugeicons="LayoutIcon"
+                phosphor="LayoutIcon"
               />
               Show Status Bar
             </DropdownMenuCheckboxItem>
@@ -812,6 +854,7 @@ function DropdownMenuComplex() {
                   lucide="PaletteIcon"
                   tabler="IconPalette"
                   hugeicons="PaintBoardIcon"
+                  phosphor="PaletteIcon"
                 />
                 Theme
               </DropdownMenuSubTrigger>
@@ -828,6 +871,7 @@ function DropdownMenuComplex() {
                           lucide="SunIcon"
                           tabler="IconSun"
                           hugeicons="SunIcon"
+                          phosphor="SunIcon"
                         />
                         Light
                       </DropdownMenuRadioItem>
@@ -836,6 +880,7 @@ function DropdownMenuComplex() {
                           lucide="MoonIcon"
                           tabler="IconMoon"
                           hugeicons="MoonIcon"
+                          phosphor="MoonIcon"
                         />
                         Dark
                       </DropdownMenuRadioItem>
@@ -844,6 +889,7 @@ function DropdownMenuComplex() {
                           lucide="MonitorIcon"
                           tabler="IconDeviceDesktop"
                           hugeicons="ComputerIcon"
+                          phosphor="MonitorIcon"
                         />
                         System
                       </DropdownMenuRadioItem>
@@ -861,6 +907,7 @@ function DropdownMenuComplex() {
                 lucide="UserIcon"
                 tabler="IconUser"
                 hugeicons="UserIcon"
+                phosphor="UserIcon"
               />
               Profile
               <DropdownMenuShortcut>⇧⌘P</DropdownMenuShortcut>
@@ -870,6 +917,7 @@ function DropdownMenuComplex() {
                 lucide="CreditCardIcon"
                 tabler="IconCreditCard"
                 hugeicons="CreditCardIcon"
+                phosphor="CreditCardIcon"
               />
               Billing
             </DropdownMenuItem>
@@ -879,6 +927,7 @@ function DropdownMenuComplex() {
                   lucide="SettingsIcon"
                   tabler="IconSettings"
                   hugeicons="SettingsIcon"
+                  phosphor="GearIcon"
                 />
                 Settings
               </DropdownMenuSubTrigger>
@@ -891,6 +940,7 @@ function DropdownMenuComplex() {
                         lucide="KeyboardIcon"
                         tabler="IconKeyboard"
                         hugeicons="KeyboardIcon"
+                        phosphor="KeyboardIcon"
                       />
                       Keyboard Shortcuts
                     </DropdownMenuItem>
@@ -899,6 +949,7 @@ function DropdownMenuComplex() {
                         lucide="LanguagesIcon"
                         tabler="IconLanguage"
                         hugeicons="LanguageCircleIcon"
+                        phosphor="TranslateIcon"
                       />
                       Language
                     </DropdownMenuItem>
@@ -908,6 +959,7 @@ function DropdownMenuComplex() {
                           lucide="BellIcon"
                           tabler="IconBell"
                           hugeicons="NotificationIcon"
+                          phosphor="BellIcon"
                         />
                         Notifications
                       </DropdownMenuSubTrigger>
@@ -930,6 +982,7 @@ function DropdownMenuComplex() {
                                 lucide="BellIcon"
                                 tabler="IconBell"
                                 hugeicons="NotificationIcon"
+                                phosphor="BellIcon"
                               />
                               Push Notifications
                             </DropdownMenuCheckboxItem>
@@ -946,6 +999,7 @@ function DropdownMenuComplex() {
                                 lucide="MailIcon"
                                 tabler="IconMail"
                                 hugeicons="MailIcon"
+                                phosphor="EnvelopeIcon"
                               />
                               Email Notifications
                             </DropdownMenuCheckboxItem>
@@ -957,11 +1011,12 @@ function DropdownMenuComplex() {
                   <DropdownMenuSeparator />
                   <DropdownMenuGroup>
                     <DropdownMenuItem>
-                      <IconPlaceholder
-                        lucide="ShieldIcon"
-                        tabler="IconShield"
-                        hugeicons="ShieldIcon"
-                      />
+              <IconPlaceholder
+                lucide="ShieldIcon"
+                tabler="IconShield"
+                hugeicons="ShieldIcon"
+                phosphor="ShieldIcon"
+              />
                       Privacy & Security
                     </DropdownMenuItem>
                   </DropdownMenuGroup>
@@ -976,6 +1031,7 @@ function DropdownMenuComplex() {
                 lucide="HelpCircleIcon"
                 tabler="IconHelpCircle"
                 hugeicons="HelpCircleIcon"
+                phosphor="QuestionIcon"
               />
               Help & Support
             </DropdownMenuItem>
@@ -984,6 +1040,7 @@ function DropdownMenuComplex() {
                 lucide="FileTextIcon"
                 tabler="IconFileText"
                 hugeicons="File01Icon"
+                phosphor="FileTextIcon"
               />
               Documentation
             </DropdownMenuItem>
@@ -995,6 +1052,7 @@ function DropdownMenuComplex() {
                 lucide="LogOutIcon"
                 tabler="IconLogout"
                 hugeicons="LogoutIcon"
+                phosphor="SignOutIcon"
               />
               Sign Out
               <DropdownMenuShortcut>⇧⌘Q</DropdownMenuShortcut>
diff --git a/apps/v4/registry/bases/base/examples/empty-example.tsx b/apps/v4/registry/bases/base/examples/empty-example.tsx
index 381e584751f..777214c05be 100644
--- a/apps/v4/registry/bases/base/examples/empty-example.tsx
+++ b/apps/v4/registry/bases/base/examples/empty-example.tsx
@@ -61,6 +61,7 @@ function EmptyBasic() {
               lucide="ArrowUpRightIcon"
               tabler="IconArrowUpRight"
               hugeicons="ArrowUpRight01Icon"
+              phosphor="ArrowUpRightIcon"
             />
           </Button>
         </EmptyContent>
@@ -92,6 +93,7 @@ function EmptyWithMutedBackground() {
               lucide="ArrowUpRightIcon"
               tabler="IconArrowUpRight"
               hugeicons="ArrowUpRight01Icon"
+              phosphor="ArrowUpRightIcon"
             />
           </Button>
         </EmptyContent>
@@ -119,6 +121,7 @@ function EmptyWithBorder() {
                 lucide="CircleDashedIcon"
                 tabler="IconCircleDashed"
                 hugeicons="DashedLineCircleIcon"
+                phosphor="CircleDashedIcon"
               />
             </InputGroupAddon>
             <InputGroupAddon align="inline-end">
@@ -144,6 +147,7 @@ function EmptyWithIcon() {
               lucide="FolderIcon"
               tabler="IconFolder"
               hugeicons="Folder01Icon"
+              phosphor="FolderIcon"
             />
           </EmptyMedia>
           <EmptyTitle>Nothing to see here</EmptyTitle>
@@ -158,6 +162,7 @@ function EmptyWithIcon() {
               lucide="PlusIcon"
               tabler="IconPlus"
               hugeicons="PlusSignIcon"
+              phosphor="PlusIcon"
               data-icon="inline-start"
             />
             New Post
@@ -187,6 +192,7 @@ function EmptyWithMutedBackgroundAlt() {
                 lucide="CircleDashedIcon"
                 tabler="IconCircleDashed"
                 hugeicons="DashedLineCircleIcon"
+                phosphor="CircleDashedIcon"
               />
             </InputGroupAddon>
             <InputGroupAddon align="inline-end">
@@ -212,6 +218,7 @@ function EmptyInCard() {
               lucide="FolderIcon"
               tabler="IconFolder"
               hugeicons="Folder01Icon"
+              phosphor="FolderIcon"
             />
           </EmptyMedia>
           <EmptyTitle>No projects yet</EmptyTitle>
@@ -238,6 +245,7 @@ function EmptyInCard() {
               lucide="ArrowUpRightIcon"
               tabler="IconArrowUpRight"
               hugeicons="ArrowUpRight01Icon"
+              phosphor="ArrowUpRightIcon"
             />
           </Button>
         </EmptyContent>
diff --git a/apps/v4/registry/bases/base/examples/input-group-example.tsx b/apps/v4/registry/bases/base/examples/input-group-example.tsx
index 78db5c54834..9b3f8c5d7a1 100644
--- a/apps/v4/registry/bases/base/examples/input-group-example.tsx
+++ b/apps/v4/registry/bases/base/examples/input-group-example.tsx
@@ -131,6 +131,7 @@ function InputGroupWithAddons() {
                 lucide="SearchIcon"
                 tabler="IconSearch"
                 hugeicons="SearchIcon"
+                phosphor="MagnifyingGlassIcon"
                 className="text-muted-foreground"
               />
             </InputGroupAddon>
@@ -147,6 +148,7 @@ function InputGroupWithAddons() {
                 lucide="EyeOffIcon"
                 tabler="IconEyeClosed"
                 hugeicons="ViewOffIcon"
+                phosphor="EyeSlashIcon"
               />
             </InputGroupAddon>
           </InputGroup>
@@ -162,6 +164,7 @@ function InputGroupWithAddons() {
                 lucide="MicIcon"
                 tabler="IconMicrophone"
                 hugeicons="VoiceIcon"
+                phosphor="MicrophoneIcon"
                 className="text-muted-foreground"
               />
             </InputGroupAddon>
@@ -170,6 +173,7 @@ function InputGroupWithAddons() {
                 lucide="RadioIcon"
                 tabler="IconPlayerRecordFilled"
                 hugeicons="RecordIcon"
+                phosphor="RecordIcon"
                 className="animate-pulse text-red-500"
               />
             </InputGroupAddon>
@@ -185,6 +189,7 @@ function InputGroupWithAddons() {
                 lucide="InfoIcon"
                 tabler="IconInfoCircle"
                 hugeicons="AlertCircleIcon"
+                phosphor="InfoIcon"
                 className="text-muted-foreground ml-auto"
               />
             </InputGroupAddon>
@@ -200,6 +205,7 @@ function InputGroupWithAddons() {
                 lucide="InfoIcon"
                 tabler="IconInfoCircle"
                 hugeicons="AlertCircleIcon"
+                phosphor="InfoIcon"
                 className="text-muted-foreground ml-auto"
               />
             </InputGroupAddon>
@@ -214,6 +220,7 @@ function InputGroupWithAddons() {
                 lucide="StarIcon"
                 tabler="IconStar"
                 hugeicons="StarIcon"
+                phosphor="StarIcon"
               />
               <InputGroupButton
                 size="icon-xs"
@@ -223,6 +230,7 @@ function InputGroupWithAddons() {
                   lucide="CopyIcon"
                   tabler="IconCopy"
                   hugeicons="CopyIcon"
+                  phosphor="CopyIcon"
                 />
               </InputGroupButton>
             </InputGroupAddon>
@@ -231,6 +239,7 @@ function InputGroupWithAddons() {
                 lucide="RadioIcon"
                 tabler="IconPlayerRecordFilled"
                 hugeicons="RecordIcon"
+                phosphor="RecordIcon"
                 className="animate-pulse text-red-500"
               />
             </InputGroupAddon>
@@ -245,6 +254,7 @@ function InputGroupWithAddons() {
                 lucide="InfoIcon"
                 tabler="IconInfoCircle"
                 hugeicons="AlertCircleIcon"
+                phosphor="InfoIcon"
               />
             </InputGroupAddon>
           </InputGroup>
@@ -310,6 +320,7 @@ function InputGroupWithButtons() {
                   lucide="CopyIcon"
                   tabler="IconCopy"
                   hugeicons="CopyIcon"
+                  phosphor="CopyIcon"
                 />
               </InputGroupButton>
             </InputGroupAddon>
@@ -322,6 +333,7 @@ function InputGroupWithButtons() {
                   lucide="TrashIcon"
                   tabler="IconTrash"
                   hugeicons="DeleteIcon"
+                  phosphor="TrashIcon"
                 />
               </InputGroupButton>
             </InputGroupAddon>
@@ -383,6 +395,7 @@ function InputGroupWithTooltip({
                     lucide="ChevronDownIcon"
                     tabler="IconChevronDown"
                     hugeicons="ArrowDownIcon"
+                    phosphor="CaretDownIcon"
                   />
                 </DropdownMenuTrigger>
                 <DropdownMenuContent
@@ -514,6 +527,7 @@ function InputGroupWithKbd() {
                 lucide="SparklesIcon"
                 tabler="IconServerSpark"
                 hugeicons="SparklesIcon"
+                phosphor="SparkleIcon"
               />
             </InputGroupAddon>
             <InputGroupAddon align="inline-end">
@@ -534,6 +548,7 @@ function InputGroupWithKbd() {
                   lucide="CheckIcon"
                   tabler="IconCheck"
                   hugeicons="Tick02Icon"
+                  phosphor="CheckIcon"
                   className="size-3 text-white"
                 />
               </div>
@@ -553,6 +568,7 @@ function InputGroupWithKbd() {
               lucide="SearchIcon"
               tabler="IconSearch"
               hugeicons="SearchIcon"
+              phosphor="MagnifyingGlassIcon"
             />
           </InputGroupAddon>
           <InputGroupAddon align="inline-end">12 results</InputGroupAddon>
@@ -568,6 +584,7 @@ function InputGroupWithKbd() {
               lucide="SearchIcon"
               tabler="IconSearch"
               hugeicons="SearchIcon"
+              phosphor="MagnifyingGlassIcon"
             />
           </InputGroupAddon>
           <InputGroupAddon align="inline-end">Disabled</InputGroupAddon>
@@ -646,6 +663,7 @@ function InputGroupInCard() {
                     lucide="MailIcon"
                     tabler="IconMail"
                     hugeicons="MailIcon"
+                    phosphor="EnvelopeIcon"
                   />
                 </InputGroupAddon>
               </InputGroup>
@@ -662,6 +680,7 @@ function InputGroupInCard() {
                     lucide="ExternalLinkIcon"
                     tabler="IconExternalLink"
                     hugeicons="LinkSquare02Icon"
+                    phosphor="ArrowSquareOutIcon"
                   />
                 </InputGroupAddon>
               </InputGroup>
@@ -755,6 +774,7 @@ function InputGroupTextareaExamples() {
                 lucide="InfoIcon"
                 tabler="IconInfoCircle"
                 hugeicons="AlertCircleIcon"
+                phosphor="InfoIcon"
                 className="text-muted-foreground ml-auto"
               />
             </InputGroupAddon>
@@ -783,6 +803,7 @@ function InputGroupTextareaExamples() {
                   lucide="ArrowUpIcon"
                   tabler="IconArrowUp"
                   hugeicons="ArrowUpIcon"
+                  phosphor="ArrowUpIcon"
                 />
                 <span className="sr-only">Send</span>
               </InputGroupButton>
@@ -821,6 +842,7 @@ function InputGroupTextareaExamples() {
                   lucide="CodeIcon"
                   tabler="IconBrandJavascript"
                   hugeicons="CodeIcon"
+                  phosphor="CodeIcon"
                 />
                 script.js
               </InputGroupText>
@@ -829,6 +851,7 @@ function InputGroupTextareaExamples() {
                   lucide="RefreshCwIcon"
                   tabler="IconRefresh"
                   hugeicons="RefreshIcon"
+                  phosphor="ArrowClockwiseIcon"
                 />
               </InputGroupButton>
               <InputGroupButton size="icon-xs" variant="ghost">
@@ -836,6 +859,7 @@ function InputGroupTextareaExamples() {
                   lucide="CopyIcon"
                   tabler="IconCopy"
                   hugeicons="CopyIcon"
+                  phosphor="CopyIcon"
                 />
               </InputGroupButton>
             </InputGroupAddon>
diff --git a/apps/v4/registry/bases/base/examples/input-otp-example.tsx b/apps/v4/registry/bases/base/examples/input-otp-example.tsx
index a6d7901137f..9ca4d59bc4d 100644
--- a/apps/v4/registry/bases/base/examples/input-otp-example.tsx
+++ b/apps/v4/registry/bases/base/examples/input-otp-example.tsx
@@ -246,6 +246,7 @@ function InputOTPForm() {
                     lucide="RefreshCwIcon"
                     hugeicons="RefreshIcon"
                     tabler="IconRefresh"
+                    phosphor="ArrowClockwiseIcon"
                     data-icon="inline-start"
                   />
                   Resend Code
diff --git a/apps/v4/registry/bases/base/examples/item-example.tsx b/apps/v4/registry/bases/base/examples/item-example.tsx
index 5330efaf6fb..5a89fe2d5c2 100644
--- a/apps/v4/registry/bases/base/examples/item-example.tsx
+++ b/apps/v4/registry/bases/base/examples/item-example.tsx
@@ -91,6 +91,7 @@ function DefaultVariantItems() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -103,6 +104,7 @@ function DefaultVariantItems() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -118,6 +120,7 @@ function DefaultVariantItems() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -133,6 +136,7 @@ function DefaultVariantItems() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -205,6 +209,7 @@ function OutlineVariantItems() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -217,6 +222,7 @@ function OutlineVariantItems() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -232,6 +238,7 @@ function OutlineVariantItems() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -247,6 +254,7 @@ function OutlineVariantItems() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -319,6 +327,7 @@ function MutedVariantItems() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -331,6 +340,7 @@ function MutedVariantItems() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -346,6 +356,7 @@ function MutedVariantItems() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -361,6 +372,7 @@ function MutedVariantItems() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -437,6 +449,7 @@ function DefaultVariantItemsSmall() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -449,6 +462,7 @@ function DefaultVariantItemsSmall() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -464,6 +478,7 @@ function DefaultVariantItemsSmall() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -479,6 +494,7 @@ function DefaultVariantItemsSmall() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -555,6 +571,7 @@ function OutlineVariantItemsSmall() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -567,6 +584,7 @@ function OutlineVariantItemsSmall() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -582,6 +600,7 @@ function OutlineVariantItemsSmall() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -597,6 +616,7 @@ function OutlineVariantItemsSmall() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -673,6 +693,7 @@ function MutedVariantItemsSmall() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -685,6 +706,7 @@ function MutedVariantItemsSmall() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -700,6 +722,7 @@ function MutedVariantItemsSmall() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -715,6 +738,7 @@ function MutedVariantItemsSmall() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -791,6 +815,7 @@ function DefaultVariantItemsExtraSmall() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -803,6 +828,7 @@ function DefaultVariantItemsExtraSmall() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -818,6 +844,7 @@ function DefaultVariantItemsExtraSmall() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -833,6 +860,7 @@ function DefaultVariantItemsExtraSmall() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -909,6 +937,7 @@ function OutlineVariantItemsExtraSmall() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -921,6 +950,7 @@ function OutlineVariantItemsExtraSmall() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -936,6 +966,7 @@ function OutlineVariantItemsExtraSmall() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -951,6 +982,7 @@ function OutlineVariantItemsExtraSmall() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -1027,6 +1059,7 @@ function MutedVariantItemsExtraSmall() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -1039,6 +1072,7 @@ function MutedVariantItemsExtraSmall() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -1054,6 +1088,7 @@ function MutedVariantItemsExtraSmall() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -1069,6 +1104,7 @@ function MutedVariantItemsExtraSmall() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
diff --git a/apps/v4/registry/bases/base/examples/kbd-example.tsx b/apps/v4/registry/bases/base/examples/kbd-example.tsx
index 527b531b02b..9ed6f855000 100644
--- a/apps/v4/registry/bases/base/examples/kbd-example.tsx
+++ b/apps/v4/registry/bases/base/examples/kbd-example.tsx
@@ -89,6 +89,7 @@ function KbdWithIcons() {
             lucide="CircleDashedIcon"
             tabler="IconCircleDashed"
             hugeicons="DashedLineCircleIcon"
+            phosphor="CircleDashedIcon"
           />
         </Kbd>
         <Kbd>
@@ -96,6 +97,7 @@ function KbdWithIcons() {
             lucide="ArrowLeftIcon"
             tabler="IconArrowLeft"
             hugeicons="ArrowLeft01Icon"
+            phosphor="ArrowLeftIcon"
           />
         </Kbd>
         <Kbd>
@@ -103,6 +105,7 @@ function KbdWithIcons() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight01Icon"
+            phosphor="ArrowRightIcon"
           />
         </Kbd>
       </KbdGroup>
@@ -119,6 +122,7 @@ function KbdWithIconsAndText() {
             lucide="ArrowLeftIcon"
             tabler="IconArrowLeft"
             hugeicons="ArrowLeft01Icon"
+            phosphor="ArrowLeftIcon"
           />
           Left
         </Kbd>
@@ -127,6 +131,7 @@ function KbdWithIconsAndText() {
             lucide="CircleDashedIcon"
             tabler="IconCircleDashed"
             hugeicons="DashedLineCircleIcon"
+            phosphor="CircleDashedIcon"
           />
           Voice Enabled
         </Kbd>
@@ -157,6 +162,7 @@ function KbdInTooltip() {
             lucide="SaveIcon"
             tabler="IconDeviceFloppy"
             hugeicons="FloppyDiskIcon"
+            phosphor="FloppyDiskIcon"
           />
         </TooltipTrigger>
         <TooltipContent className="pr-1.5">
diff --git a/apps/v4/registry/bases/base/examples/menubar-example.tsx b/apps/v4/registry/bases/base/examples/menubar-example.tsx
index be0957fe030..902422b0a77 100644
--- a/apps/v4/registry/bases/base/examples/menubar-example.tsx
+++ b/apps/v4/registry/bases/base/examples/menubar-example.tsx
@@ -220,6 +220,7 @@ function MenubarWithIcons() {
                 lucide="FileIcon"
                 tabler="IconFile"
                 hugeicons="FileIcon"
+                phosphor="FileIcon"
               />
               New File <MenubarShortcut>⌘N</MenubarShortcut>
             </MenubarItem>
@@ -228,6 +229,7 @@ function MenubarWithIcons() {
                 lucide="FolderIcon"
                 tabler="IconFolder"
                 hugeicons="FolderIcon"
+                phosphor="FolderIcon"
               />
               Open Folder
             </MenubarItem>
@@ -237,6 +239,7 @@ function MenubarWithIcons() {
                 lucide="SaveIcon"
                 tabler="IconDeviceFloppy"
                 hugeicons="FloppyDiskIcon"
+                phosphor="FloppyDiskIcon"
               />
               Save <MenubarShortcut>⌘S</MenubarShortcut>
             </MenubarItem>
@@ -251,6 +254,7 @@ function MenubarWithIcons() {
                   lucide="CircleDashedIcon"
                   tabler="IconCircleDashed"
                   hugeicons="DashedLineCircleIcon"
+                  phosphor="CircleDashedIcon"
                 />
                 Settings
               </MenubarItem>
@@ -259,6 +263,7 @@ function MenubarWithIcons() {
                   lucide="CircleDashedIcon"
                   tabler="IconCircleDashed"
                   hugeicons="DashedLineCircleIcon"
+                  phosphor="CircleDashedIcon"
                 />
                 Help
               </MenubarItem>
@@ -268,6 +273,7 @@ function MenubarWithIcons() {
                   lucide="CircleDashedIcon"
                   tabler="IconCircleDashed"
                   hugeicons="DashedLineCircleIcon"
+                  phosphor="CircleDashedIcon"
                 />
                 Delete
               </MenubarItem>
@@ -335,6 +341,7 @@ function MenubarFormat() {
                 lucide="BoldIcon"
                 tabler="IconBold"
                 hugeicons="TextBoldIcon"
+                phosphor="TextBIcon"
               />
               Bold <MenubarShortcut>⌘B</MenubarShortcut>
             </MenubarItem>
@@ -343,6 +350,7 @@ function MenubarFormat() {
                 lucide="ItalicIcon"
                 tabler="IconItalic"
                 hugeicons="TextItalicIcon"
+                phosphor="TextItalicIcon"
               />
               Italic <MenubarShortcut>⌘I</MenubarShortcut>
             </MenubarItem>
@@ -351,6 +359,7 @@ function MenubarFormat() {
                 lucide="UnderlineIcon"
                 tabler="IconUnderline"
                 hugeicons="TextUnderlineIcon"
+                phosphor="TextUnderlineIcon"
               />
               Underline <MenubarShortcut>⌘U</MenubarShortcut>
             </MenubarItem>
@@ -387,6 +396,7 @@ function MenubarInsert() {
                   lucide="ImageIcon"
                   tabler="IconPhoto"
                   hugeicons="ImageIcon"
+                  phosphor="ImageIcon"
                 />
                 Media
               </MenubarSubTrigger>
@@ -402,6 +412,7 @@ function MenubarInsert() {
                 lucide="LinkIcon"
                 tabler="IconLink"
                 hugeicons="LinkIcon"
+                phosphor="LinkIcon"
               />
               Link <MenubarShortcut>⌘K</MenubarShortcut>
             </MenubarItem>
@@ -410,6 +421,7 @@ function MenubarInsert() {
                 lucide="TableIcon"
                 tabler="IconTable"
                 hugeicons="TableIcon"
+                phosphor="TableIcon"
               />
               Table
             </MenubarItem>
@@ -423,6 +435,7 @@ function MenubarInsert() {
                 lucide="SearchIcon"
                 tabler="IconSearch"
                 hugeicons="SearchIcon"
+                phosphor="MagnifyingGlassIcon"
               />
               Find & Replace <MenubarShortcut>⌘F</MenubarShortcut>
             </MenubarItem>
@@ -431,6 +444,7 @@ function MenubarInsert() {
                 lucide="CheckIcon"
                 tabler="IconCheck"
                 hugeicons="Tick02Icon"
+                phosphor="CheckIcon"
               />
               Spell Check
             </MenubarItem>
@@ -453,6 +467,7 @@ function MenubarDestructive() {
                 lucide="FileIcon"
                 tabler="IconFile"
                 hugeicons="FileIcon"
+                phosphor="FileIcon"
               />
               New File <MenubarShortcut>⌘N</MenubarShortcut>
             </MenubarItem>
@@ -461,6 +476,7 @@ function MenubarDestructive() {
                 lucide="FolderIcon"
                 tabler="IconFolder"
                 hugeicons="FolderIcon"
+                phosphor="FolderIcon"
               />
               Open Folder
             </MenubarItem>
@@ -470,6 +486,7 @@ function MenubarDestructive() {
                 lucide="TrashIcon"
                 tabler="IconTrash"
                 hugeicons="DeleteIcon"
+                phosphor="TrashIcon"
               />
               Delete File <MenubarShortcut>⌘⌫</MenubarShortcut>
             </MenubarItem>
@@ -483,6 +500,7 @@ function MenubarDestructive() {
                 lucide="UserIcon"
                 tabler="IconUser"
                 hugeicons="UserIcon"
+                phosphor="UserIcon"
               />
               Profile
             </MenubarItem>
@@ -491,6 +509,7 @@ function MenubarDestructive() {
                 lucide="SettingsIcon"
                 tabler="IconSettings"
                 hugeicons="SettingsIcon"
+                phosphor="GearIcon"
               />
               Settings
             </MenubarItem>
@@ -500,6 +519,7 @@ function MenubarDestructive() {
                 lucide="LogOutIcon"
                 tabler="IconLogout"
                 hugeicons="LogoutIcon"
+                phosphor="SignOutIcon"
               />
               Sign out
             </MenubarItem>
@@ -509,6 +529,7 @@ function MenubarDestructive() {
                 lucide="TrashIcon"
                 tabler="IconTrash"
                 hugeicons="DeleteIcon"
+                phosphor="TrashIcon"
               />
               Delete
             </MenubarItem>
@@ -542,6 +563,7 @@ function MenubarInDialog() {
                     lucide="CopyIcon"
                     tabler="IconCopy"
                     hugeicons="CopyIcon"
+                    phosphor="CopyIcon"
                   />
                   Copy
                 </MenubarItem>
@@ -550,6 +572,7 @@ function MenubarInDialog() {
                     lucide="ScissorsIcon"
                     tabler="IconCut"
                     hugeicons="ScissorIcon"
+                    phosphor="ScissorsIcon"
                   />
                   Cut
                 </MenubarItem>
@@ -558,6 +581,7 @@ function MenubarInDialog() {
                     lucide="ClipboardPasteIcon"
                     tabler="IconClipboard"
                     hugeicons="ClipboardIcon"
+                    phosphor="ClipboardIcon"
                   />
                   Paste
                 </MenubarItem>
@@ -578,6 +602,7 @@ function MenubarInDialog() {
                     lucide="TrashIcon"
                     tabler="IconTrash"
                     hugeicons="DeleteIcon"
+                    phosphor="TrashIcon"
                   />
                   Delete
                 </MenubarItem>
diff --git a/apps/v4/registry/bases/base/examples/navigation-menu-example.tsx b/apps/v4/registry/bases/base/examples/navigation-menu-example.tsx
index 978e2d59edd..12268b6aa1b 100644
--- a/apps/v4/registry/bases/base/examples/navigation-menu-example.tsx
+++ b/apps/v4/registry/bases/base/examples/navigation-menu-example.tsx
@@ -115,6 +115,7 @@ function NavigationMenuBasic() {
                       lucide="CircleAlertIcon"
                       tabler="IconExclamationCircle"
                       hugeicons="AlertCircleIcon"
+                      phosphor="WarningCircleIcon"
                     />
                     Backlog
                   </NavigationMenuLink>
@@ -127,6 +128,7 @@ function NavigationMenuBasic() {
                       lucide="CircleAlertIcon"
                       tabler="IconExclamationCircle"
                       hugeicons="AlertCircleIcon"
+                      phosphor="WarningCircleIcon"
                     />
                     To Do
                   </NavigationMenuLink>
@@ -139,6 +141,7 @@ function NavigationMenuBasic() {
                       lucide="CircleAlertIcon"
                       tabler="IconExclamationCircle"
                       hugeicons="AlertCircleIcon"
+                      phosphor="WarningCircleIcon"
                     />
                     Done
                   </NavigationMenuLink>
diff --git a/apps/v4/registry/bases/base/examples/progress-example.tsx b/apps/v4/registry/bases/base/examples/progress-example.tsx
index d16797cfd1a..9706b8cde96 100644
--- a/apps/v4/registry/bases/base/examples/progress-example.tsx
+++ b/apps/v4/registry/bases/base/examples/progress-example.tsx
@@ -118,6 +118,7 @@ function FileUploadList() {
                 lucide="FileIcon"
                 tabler="IconFile"
                 hugeicons="FileIcon"
+                phosphor="FileIcon"
                 className="size-5"
               />
             </ItemMedia>
diff --git a/apps/v4/registry/bases/base/examples/select-example.tsx b/apps/v4/registry/bases/base/examples/select-example.tsx
index 389eb15e4d6..8a728c91c0a 100644
--- a/apps/v4/registry/bases/base/examples/select-example.tsx
+++ b/apps/v4/registry/bases/base/examples/select-example.tsx
@@ -101,6 +101,7 @@ function SelectWithIcons() {
             lucide="ChartLineIcon"
             tabler="IconChartLine"
             hugeicons="Chart03Icon"
+            phosphor="ChartLineIcon"
           />
           Chart Type
         </>
@@ -114,6 +115,7 @@ function SelectWithIcons() {
             lucide="ChartLineIcon"
             tabler="IconChartLine"
             hugeicons="Chart03Icon"
+            phosphor="ChartLineIcon"
           />
           Line
         </>
@@ -127,6 +129,7 @@ function SelectWithIcons() {
             lucide="ChartBarIcon"
             tabler="IconChartBar"
             hugeicons="Chart03Icon"
+            phosphor="ChartBarIcon"
           />
           Bar
         </>
@@ -140,6 +143,7 @@ function SelectWithIcons() {
             lucide="ChartPieIcon"
             tabler="IconChartPie"
             hugeicons="Chart03Icon"
+            phosphor="ChartPieIcon"
           />
           Pie
         </>
diff --git a/apps/v4/registry/bases/base/examples/sidebar-example.tsx b/apps/v4/registry/bases/base/examples/sidebar-example.tsx
index 8d0a2115712..b51265c3134 100644
--- a/apps/v4/registry/bases/base/examples/sidebar-example.tsx
+++ b/apps/v4/registry/bases/base/examples/sidebar-example.tsx
@@ -193,6 +193,7 @@ export default function SidebarExample() {
                         lucide="ChevronsUpDownIcon"
                         tabler="IconSelector"
                         hugeicons="UnfoldMoreIcon"
+                        phosphor="CaretUpDownIcon"
                       />
                     </ItemActions>
                   </Item>
@@ -209,6 +210,7 @@ export default function SidebarExample() {
                           lucide="CheckIcon"
                           tabler="IconCheck"
                           hugeicons="Tick02Icon"
+                          phosphor="CheckIcon"
                           className="ml-auto"
                         />
                       )}
@@ -233,6 +235,7 @@ export default function SidebarExample() {
                   lucide="SearchIcon"
                   tabler="IconSearch"
                   hugeicons="SearchIcon"
+                  phosphor="MagnifyingGlassIcon"
                   className="pointer-events-none absolute top-1/2 left-2 size-4 -translate-y-1/2 opacity-50 select-none"
                 />
               </SidebarGroupContent>
diff --git a/apps/v4/registry/bases/base/examples/sidebar-floating-example.tsx b/apps/v4/registry/bases/base/examples/sidebar-floating-example.tsx
index 1b108eb594b..301ad6e1d6b 100644
--- a/apps/v4/registry/bases/base/examples/sidebar-floating-example.tsx
+++ b/apps/v4/registry/bases/base/examples/sidebar-floating-example.tsx
@@ -203,6 +203,7 @@ export default function SidebarFloatingExample() {
                         lucide="MoreHorizontalIcon"
                         tabler="IconDots"
                         hugeicons="MoreHorizontalCircle01Icon"
+                        phosphor="DotsThreeOutlineIcon"
                         className="ml-auto"
                       />
                     </DropdownMenuTrigger>
diff --git a/apps/v4/registry/bases/base/examples/sidebar-icon-example.tsx b/apps/v4/registry/bases/base/examples/sidebar-icon-example.tsx
index 93b2e1d7613..372c44f6c85 100644
--- a/apps/v4/registry/bases/base/examples/sidebar-icon-example.tsx
+++ b/apps/v4/registry/bases/base/examples/sidebar-icon-example.tsx
@@ -79,6 +79,7 @@ export default function SidebarIconExample() {
             lucide="TerminalSquareIcon"
             tabler="IconTerminal2"
             hugeicons="ComputerTerminalIcon"
+            phosphor="TerminalIcon"
           />
         ),
         isActive: true,
@@ -105,6 +106,7 @@ export default function SidebarIconExample() {
             lucide="BotIcon"
             tabler="IconRobot"
             hugeicons="RoboticIcon"
+            phosphor="RobotIcon"
           />
         ),
         items: [
@@ -130,6 +132,7 @@ export default function SidebarIconExample() {
             lucide="BookOpen"
             tabler="IconBook"
             hugeicons="BookOpen02Icon"
+            phosphor="BookOpenIcon"
           />
         ),
         items: [
@@ -159,6 +162,7 @@ export default function SidebarIconExample() {
             lucide="Settings2Icon"
             tabler="IconSettings"
             hugeicons="Settings05Icon"
+            phosphor="GearIcon"
           />
         ),
         items: [
@@ -190,6 +194,7 @@ export default function SidebarIconExample() {
             lucide="FrameIcon"
             tabler="IconFrame"
             hugeicons="CropIcon"
+            phosphor="CropIcon"
           />
         ),
       },
@@ -201,6 +206,7 @@ export default function SidebarIconExample() {
             lucide="PieChartIcon"
             tabler="IconChartPie"
             hugeicons="PieChartIcon"
+            phosphor="ChartPieIcon"
           />
         ),
       },
@@ -212,6 +218,7 @@ export default function SidebarIconExample() {
             lucide="MapIcon"
             tabler="IconMap"
             hugeicons="MapsIcon"
+            phosphor="MapTrifoldIcon"
           />
         ),
       },
@@ -280,6 +287,7 @@ export default function SidebarIconExample() {
                     lucide="ChevronsUpDownIcon"
                     tabler="IconSelector"
                     hugeicons="UnfoldMoreIcon"
+                    phosphor="CaretUpDownIcon"
                   />
                 </DropdownMenuTrigger>
                 <DropdownMenuContent>
@@ -322,6 +330,7 @@ export default function SidebarIconExample() {
                       lucide="ChevronRightIcon"
                       tabler="IconChevronRight"
                       hugeicons="ArrowRight01Icon"
+                      phosphor="CaretRightIcon"
                       className="ml-auto transition-transform duration-100 group-data-open/collapsible:rotate-90"
                     />
                   </SidebarMenuButton>
@@ -382,6 +391,7 @@ export default function SidebarIconExample() {
                     lucide="ChevronsUpDownIcon"
                     tabler="IconSelector"
                     hugeicons="UnfoldMoreIcon"
+                    phosphor="CaretUpDownIcon"
                   />
                 </DropdownMenuTrigger>
                 <DropdownMenuContent>
diff --git a/apps/v4/registry/bases/base/examples/sidebar-inset-example.tsx b/apps/v4/registry/bases/base/examples/sidebar-inset-example.tsx
index eba307551f5..b00e3947483 100644
--- a/apps/v4/registry/bases/base/examples/sidebar-inset-example.tsx
+++ b/apps/v4/registry/bases/base/examples/sidebar-inset-example.tsx
@@ -38,6 +38,7 @@ export default function SidebarInsetExample() {
             lucide="HomeIcon"
             tabler="IconHome"
             hugeicons="Home01Icon"
+            phosphor="HouseIcon"
           />
         ),
         isActive: true,
@@ -60,6 +61,7 @@ export default function SidebarInsetExample() {
             lucide="ChartLineIcon"
             tabler="IconChartLine"
             hugeicons="ChartIcon"
+            phosphor="ChartLineIcon"
           />
         ),
         items: [
@@ -81,6 +83,7 @@ export default function SidebarInsetExample() {
             lucide="ShoppingBagIcon"
             tabler="IconShoppingBag"
             hugeicons="ShoppingBag01Icon"
+            phosphor="BagIcon"
           />
         ),
         items: [
@@ -106,6 +109,7 @@ export default function SidebarInsetExample() {
             lucide="ShoppingCartIcon"
             tabler="IconShoppingCart"
             hugeicons="ShoppingCart01Icon"
+            phosphor="ShoppingCartIcon"
           />
         ),
         items: [
@@ -127,6 +131,7 @@ export default function SidebarInsetExample() {
             lucide="FileIcon"
             tabler="IconFile"
             hugeicons="File01Icon"
+            phosphor="FileIcon"
           />
         ),
       },
@@ -138,6 +143,7 @@ export default function SidebarInsetExample() {
             lucide="UserIcon"
             tabler="IconUser"
             hugeicons="UserIcon"
+            phosphor="UserIcon"
           />
         ),
       },
@@ -149,6 +155,7 @@ export default function SidebarInsetExample() {
             lucide="Settings2Icon"
             tabler="IconSettings"
             hugeicons="Settings05Icon"
+            phosphor="GearIcon"
           />
         ),
       },
@@ -162,6 +169,7 @@ export default function SidebarInsetExample() {
             lucide="LifeBuoy"
             tabler="IconLifebuoy"
             hugeicons="ChartRingIcon"
+            phosphor="LifebuoyIcon"
           />
         ),
       },
@@ -173,6 +181,7 @@ export default function SidebarInsetExample() {
             lucide="Send"
             tabler="IconSend"
             hugeicons="SentIcon"
+            phosphor="PaperPlaneTiltIcon"
           />
         ),
       },
@@ -210,6 +219,7 @@ export default function SidebarInsetExample() {
                           lucide="ChevronRightIcon"
                           tabler="IconChevronRight"
                           hugeicons="ArrowRight01Icon"
+                          phosphor="CaretRightIcon"
                         />
                         <span className="sr-only">Toggle</span>
                       </CollapsibleTrigger>
diff --git a/apps/v4/registry/bases/base/examples/spinner-example.tsx b/apps/v4/registry/bases/base/examples/spinner-example.tsx
index ca2dc887066..4433c4f5e47 100644
--- a/apps/v4/registry/bases/base/examples/spinner-example.tsx
+++ b/apps/v4/registry/bases/base/examples/spinner-example.tsx
@@ -139,6 +139,7 @@ function SpinnerInEmpty() {
               lucide="ArrowRightIcon"
               tabler="IconArrowRight"
               hugeicons="ArrowRight02Icon"
+              phosphor="ArrowRightIcon"
             />
           </Button>
         </EmptyContent>
diff --git a/apps/v4/registry/bases/base/examples/table-example.tsx b/apps/v4/registry/bases/base/examples/table-example.tsx
index 3f3b5c57d4a..66e4499b658 100644
--- a/apps/v4/registry/bases/base/examples/table-example.tsx
+++ b/apps/v4/registry/bases/base/examples/table-example.tsx
@@ -274,6 +274,7 @@ function TableWithActions() {
                     lucide="MoreHorizontalIcon"
                     tabler="IconDots"
                     hugeicons="MoreHorizontalCircle01Icon"
+                    phosphor="DotsThreeOutlineIcon"
                   />
                   <span className="sr-only">Open menu</span>
                 </DropdownMenuTrigger>
@@ -302,6 +303,7 @@ function TableWithActions() {
                     lucide="MoreHorizontalIcon"
                     tabler="IconDots"
                     hugeicons="MoreHorizontalCircle01Icon"
+                    phosphor="DotsThreeOutlineIcon"
                   />
                   <span className="sr-only">Open menu</span>
                 </DropdownMenuTrigger>
@@ -330,6 +332,7 @@ function TableWithActions() {
                     lucide="MoreHorizontalIcon"
                     tabler="IconDots"
                     hugeicons="MoreHorizontalCircle01Icon"
+                    phosphor="DotsThreeOutlineIcon"
                   />
                   <span className="sr-only">Open menu</span>
                 </DropdownMenuTrigger>
diff --git a/apps/v4/registry/bases/base/examples/tabs-example.tsx b/apps/v4/registry/bases/base/examples/tabs-example.tsx
index ab7bc067e75..bb00a02eb3e 100644
--- a/apps/v4/registry/bases/base/examples/tabs-example.tsx
+++ b/apps/v4/registry/bases/base/examples/tabs-example.tsx
@@ -112,6 +112,7 @@ function TabsWithIcons() {
               lucide="AppWindowIcon"
               tabler="IconAppWindow"
               hugeicons="CursorInWindowIcon"
+              phosphor="AppWindowIcon"
             />
             Preview
           </TabsTrigger>
@@ -120,6 +121,7 @@ function TabsWithIcons() {
               lucide="CodeIcon"
               tabler="IconCode"
               hugeicons="CodeIcon"
+              phosphor="CodeIcon"
             />
             Code
           </TabsTrigger>
@@ -139,6 +141,7 @@ function TabsIconOnly() {
               lucide="HomeIcon"
               tabler="IconHome"
               hugeicons="HomeIcon"
+              phosphor="HouseIcon"
             />
           </TabsTrigger>
           <TabsTrigger value="search">
@@ -146,6 +149,7 @@ function TabsIconOnly() {
               lucide="SearchIcon"
               tabler="IconSearch"
               hugeicons="SearchIcon"
+              phosphor="MagnifyingGlassIcon"
             />
           </TabsTrigger>
           <TabsTrigger value="settings">
@@ -153,6 +157,7 @@ function TabsIconOnly() {
               lucide="SettingsIcon"
               tabler="IconSettings"
               hugeicons="SettingsIcon"
+              phosphor="GearIcon"
             />
           </TabsTrigger>
         </TabsList>
@@ -260,6 +265,7 @@ function TabsWithDropdown() {
                 lucide="MoreHorizontalIcon"
                 tabler="IconDots"
                 hugeicons="MoreHorizontalCircle01Icon"
+                phosphor="DotsThreeOutlineIcon"
               />
               <span className="sr-only">More options</span>
             </DropdownMenuTrigger>
diff --git a/apps/v4/registry/bases/base/examples/toggle-example.tsx b/apps/v4/registry/bases/base/examples/toggle-example.tsx
index e9065836a24..37fef87b5c9 100644
--- a/apps/v4/registry/bases/base/examples/toggle-example.tsx
+++ b/apps/v4/registry/bases/base/examples/toggle-example.tsx
@@ -30,6 +30,7 @@ function ToggleBasic() {
             lucide="BoldIcon"
             tabler="IconBold"
             hugeicons="TextBoldIcon"
+            phosphor="TextBIcon"
           />
         </Toggle>
         <Toggle aria-label="Toggle italic">
@@ -37,6 +38,7 @@ function ToggleBasic() {
             lucide="ItalicIcon"
             tabler="IconItalic"
             hugeicons="TextItalicIcon"
+            phosphor="TextItalicIcon"
           />
         </Toggle>
         <Toggle aria-label="Toggle underline">
@@ -44,6 +46,7 @@ function ToggleBasic() {
             lucide="UnderlineIcon"
             tabler="IconUnderline"
             hugeicons="TextUnderlineIcon"
+            phosphor="TextUnderlineIcon"
           />
         </Toggle>
       </div>
@@ -60,6 +63,7 @@ function ToggleOutline() {
             lucide="ItalicIcon"
             tabler="IconItalic"
             hugeicons="TextItalicIcon"
+            phosphor="TextItalicIcon"
           />
           Italic
         </Toggle>
@@ -68,6 +72,7 @@ function ToggleOutline() {
             lucide="BoldIcon"
             tabler="IconBold"
             hugeicons="TextBoldIcon"
+            phosphor="TextBIcon"
           />
           Bold
         </Toggle>
@@ -282,6 +287,7 @@ function ToggleWithIcon() {
             lucide="BookmarkIcon"
             tabler="IconBookmark"
             hugeicons="BookmarkIcon"
+            phosphor="BookmarkIcon"
             className="group-data-[state=on]/toggle:fill-accent-foreground"
           />
         </Toggle>
@@ -290,6 +296,7 @@ function ToggleWithIcon() {
             lucide="BookmarkIcon"
             tabler="IconBookmark"
             hugeicons="BookmarkIcon"
+            phosphor="BookmarkIcon"
             className="group-data-[state=on]/toggle:fill-accent-foreground"
           />
           Bookmark
diff --git a/apps/v4/registry/bases/base/examples/toggle-group-example.tsx b/apps/v4/registry/bases/base/examples/toggle-group-example.tsx
index 6ce71c0e3cb..d7711c031ef 100644
--- a/apps/v4/registry/bases/base/examples/toggle-group-example.tsx
+++ b/apps/v4/registry/bases/base/examples/toggle-group-example.tsx
@@ -189,6 +189,7 @@ function ToggleGroupWithIcons() {
             lucide="StarIcon"
             tabler="IconStar"
             hugeicons="StarIcon"
+            phosphor="StarIcon"
           />
           Star
         </ToggleGroupItem>
@@ -201,6 +202,7 @@ function ToggleGroupWithIcons() {
             lucide="HeartIcon"
             tabler="IconHeart"
             hugeicons="FavouriteIcon"
+            phosphor="HeartIcon"
           />
           Heart
         </ToggleGroupItem>
@@ -213,6 +215,7 @@ function ToggleGroupWithIcons() {
             lucide="BookmarkIcon"
             tabler="IconBookmark"
             hugeicons="BookmarkIcon"
+            phosphor="BookmarkIcon"
           />
           Bookmark
         </ToggleGroupItem>
@@ -277,6 +280,7 @@ function ToggleGroupSort() {
             lucide="ArrowDownIcon"
             tabler="IconArrowDown"
             hugeicons="ArrowDownIcon"
+            phosphor="ArrowDownIcon"
           />
           Newest
         </ToggleGroupItem>
@@ -285,6 +289,7 @@ function ToggleGroupSort() {
             lucide="ArrowUpIcon"
             tabler="IconArrowUp"
             hugeicons="ArrowUpIcon"
+            phosphor="ArrowUpIcon"
           />
           Oldest
         </ToggleGroupItem>
@@ -293,6 +298,7 @@ function ToggleGroupSort() {
             lucide="TrendingUpIcon"
             tabler="IconTrendingUp"
             hugeicons="TradeUpIcon"
+            phosphor="TrendUpIcon"
           />
           Popular
         </ToggleGroupItem>
diff --git a/apps/v4/registry/bases/base/examples/tooltip-example.tsx b/apps/v4/registry/bases/base/examples/tooltip-example.tsx
index a46309b4240..7b2c8d6d7d7 100644
--- a/apps/v4/registry/bases/base/examples/tooltip-example.tsx
+++ b/apps/v4/registry/bases/base/examples/tooltip-example.tsx
@@ -73,6 +73,7 @@ function TooltipWithIcon() {
             lucide="InfoIcon"
             tabler="IconInfoCircle"
             hugeicons="AlertCircleIcon"
+            phosphor="InfoIcon"
           />
           <span className="sr-only">Info</span>
         </TooltipTrigger>
@@ -126,6 +127,7 @@ function TooltipWithKeyboard() {
             lucide="SaveIcon"
             tabler="IconDeviceFloppy"
             hugeicons="FloppyDiskIcon"
+            phosphor="FloppyDiskIcon"
           />
         </TooltipTrigger>
         <TooltipContent className="pr-1.5">
diff --git a/apps/v4/registry/bases/base/ui/accordion.tsx b/apps/v4/registry/bases/base/ui/accordion.tsx
index c1b1fd99343..7766fa4eb20 100644
--- a/apps/v4/registry/bases/base/ui/accordion.tsx
+++ b/apps/v4/registry/bases/base/ui/accordion.tsx
@@ -46,6 +46,7 @@ function AccordionTrigger({
           tabler="IconChevronDown"
           data-slot="accordion-trigger-icon"
           hugeicons="ArrowDown01Icon"
+          phosphor="CaretDownIcon"
           className="cn-accordion-trigger-icon pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden"
         />
         <IconPlaceholder
@@ -53,6 +54,7 @@ function AccordionTrigger({
           tabler="IconChevronUp"
           data-slot="accordion-trigger-icon"
           hugeicons="ArrowUp01Icon"
+          phosphor="CaretUpIcon"
           className="cn-accordion-trigger-icon pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline"
         />
       </AccordionPrimitive.Trigger>
diff --git a/apps/v4/registry/bases/base/ui/breadcrumb.tsx b/apps/v4/registry/bases/base/ui/breadcrumb.tsx
index d4d50635b22..49e4d7fbf09 100644
--- a/apps/v4/registry/bases/base/ui/breadcrumb.tsx
+++ b/apps/v4/registry/bases/base/ui/breadcrumb.tsx
@@ -90,6 +90,7 @@ function BreadcrumbSeparator({
           lucide="ChevronRightIcon"
           tabler="IconChevronRight"
           hugeicons="ArrowRight01Icon"
+          phosphor="CaretRightIcon"
         />
       )}
     </li>
@@ -115,6 +116,7 @@ function BreadcrumbEllipsis({
         lucide="MoreHorizontalIcon"
         tabler="IconDots"
         hugeicons="MoreHorizontalCircle01Icon"
+        phosphor="DotsThreeIcon"
       />
       <span className="sr-only">More</span>
     </span>
diff --git a/apps/v4/registry/bases/base/ui/calendar.tsx b/apps/v4/registry/bases/base/ui/calendar.tsx
index c6ccf44e3f1..00fa136dfce 100644
--- a/apps/v4/registry/bases/base/ui/calendar.tsx
+++ b/apps/v4/registry/bases/base/ui/calendar.tsx
@@ -148,6 +148,7 @@ function Calendar({
                 lucide="ChevronLeftIcon"
                 tabler="IconChevronLeft"
                 hugeicons="ArrowLeftIcon"
+                phosphor="CaretLeftIcon"
                 className={cn("size-4", className)}
                 {...props}
               />
@@ -160,6 +161,7 @@ function Calendar({
                 lucide="ChevronRightIcon"
                 tabler="IconChevronRight"
                 hugeicons="ArrowRightIcon"
+                phosphor="CaretRightIcon"
                 className={cn("size-4", className)}
                 {...props}
               />
@@ -171,6 +173,7 @@ function Calendar({
               lucide="ChevronDownIcon"
               tabler="IconChevronDown"
               hugeicons="ArrowDownIcon"
+              phosphor="CaretDownIcon"
               className={cn("size-4", className)}
               {...props}
             />
diff --git a/apps/v4/registry/bases/base/ui/carousel.tsx b/apps/v4/registry/bases/base/ui/carousel.tsx
index bbf1cec340f..0bd4bcda58e 100644
--- a/apps/v4/registry/bases/base/ui/carousel.tsx
+++ b/apps/v4/registry/bases/base/ui/carousel.tsx
@@ -199,6 +199,7 @@ function CarouselPrevious({
         lucide="ChevronLeftIcon"
         tabler="IconChevronLeft"
         hugeicons="ArrowLeft01Icon"
+        phosphor="CaretLeftIcon"
       />
       <span className="sr-only">Previous slide</span>
     </Button>
@@ -233,6 +234,7 @@ function CarouselNext({
         lucide="ChevronRightIcon"
         tabler="IconChevronRight"
         hugeicons="ArrowRight01Icon"
+        phosphor="CaretRightIcon"
       />
       <span className="sr-only">Next slide</span>
     </Button>
diff --git a/apps/v4/registry/bases/base/ui/checkbox.tsx b/apps/v4/registry/bases/base/ui/checkbox.tsx
index e0733083254..4497487634b 100644
--- a/apps/v4/registry/bases/base/ui/checkbox.tsx
+++ b/apps/v4/registry/bases/base/ui/checkbox.tsx
@@ -23,6 +23,7 @@ function Checkbox({ className, ...props }: CheckboxPrimitive.Root.Props) {
           lucide="CheckIcon"
           tabler="IconCheck"
           hugeicons="Tick02Icon"
+          phosphor="CheckIcon"
         />
       </CheckboxPrimitive.Indicator>
     </CheckboxPrimitive.Root>
diff --git a/apps/v4/registry/bases/base/ui/combobox.tsx b/apps/v4/registry/bases/base/ui/combobox.tsx
index 2e31177b577..8ee85a47682 100644
--- a/apps/v4/registry/bases/base/ui/combobox.tsx
+++ b/apps/v4/registry/bases/base/ui/combobox.tsx
@@ -35,6 +35,7 @@ function ComboboxTrigger({
         lucide="ChevronDownIcon"
         tabler="IconChevronDown"
         hugeicons="ArrowDown01Icon"
+        phosphor="CaretDownIcon"
         className="cn-combobox-trigger-icon pointer-events-none"
       />
     </ComboboxPrimitive.Trigger>
@@ -53,6 +54,7 @@ function ComboboxClear({ className, ...props }: ComboboxPrimitive.Clear.Props) {
         lucide="XIcon"
         tabler="IconX"
         hugeicons="Cancel01Icon"
+        phosphor="XIcon"
         className="cn-combobox-clear-icon pointer-events-none"
       />
     </ComboboxPrimitive.Clear>
@@ -166,6 +168,7 @@ function ComboboxItem({
           lucide="CheckIcon"
           tabler="IconCheck"
           hugeicons="Tick02Icon"
+          phosphor="CheckIcon"
           className="cn-combobox-item-indicator-icon pointer-events-none"
         />
       </ComboboxPrimitive.ItemIndicator>
@@ -267,6 +270,7 @@ function ComboboxChip({
             lucide="XIcon"
             tabler="IconX"
             hugeicons="Cancel01Icon"
+            phosphor="XIcon"
             className="cn-combobox-chip-indicator-icon pointer-events-none"
           />
         </ComboboxPrimitive.ChipRemove>
diff --git a/apps/v4/registry/bases/base/ui/command.tsx b/apps/v4/registry/bases/base/ui/command.tsx
index 2f80c3c4f4f..fc645014b20 100644
--- a/apps/v4/registry/bases/base/ui/command.tsx
+++ b/apps/v4/registry/bases/base/ui/command.tsx
@@ -83,6 +83,7 @@ function CommandInput({
             lucide="SearchIcon"
             tabler="IconSearch"
             hugeicons="SearchIcon"
+            phosphor="MagnifyingGlassIcon"
             className="cn-command-input-icon"
           />
         </InputGroupAddon>
@@ -165,6 +166,7 @@ function CommandItem({
         lucide="CheckIcon"
         tabler="IconCheck"
         hugeicons="Tick02Icon"
+        phosphor="CheckIcon"
         className="cn-command-item-indicator ml-auto opacity-0 group-has-[[data-slot=command-shortcut]]/command-item:hidden group-data-[checked=true]/command-item:opacity-100"
       />
     </CommandPrimitive.Item>
diff --git a/apps/v4/registry/bases/base/ui/context-menu.tsx b/apps/v4/registry/bases/base/ui/context-menu.tsx
index b7eb88f2ebf..2072e90f45a 100644
--- a/apps/v4/registry/bases/base/ui/context-menu.tsx
+++ b/apps/v4/registry/bases/base/ui/context-menu.tsx
@@ -138,6 +138,7 @@ function ContextMenuSubTrigger({
         lucide="ChevronRightIcon"
         tabler="IconChevronRight"
         hugeicons="ArrowRight01Icon"
+        phosphor="CaretRightIcon"
         className="ml-auto"
       />
     </ContextMenuPrimitive.SubmenuTrigger>
@@ -179,6 +180,7 @@ function ContextMenuCheckboxItem({
             lucide="CheckIcon"
             tabler="IconCheck"
             hugeicons="Tick02Icon"
+            phosphor="CheckIcon"
           />
         </ContextMenuPrimitive.CheckboxItemIndicator>
       </span>
@@ -218,6 +220,7 @@ function ContextMenuRadioItem({
             lucide="CheckIcon"
             tabler="IconCheck"
             hugeicons="Tick02Icon"
+            phosphor="CheckIcon"
           />
         </ContextMenuPrimitive.RadioItemIndicator>
       </span>
diff --git a/apps/v4/registry/bases/base/ui/dialog.tsx b/apps/v4/registry/bases/base/ui/dialog.tsx
index 27cefdaeb89..6fe97ea262f 100644
--- a/apps/v4/registry/bases/base/ui/dialog.tsx
+++ b/apps/v4/registry/bases/base/ui/dialog.tsx
@@ -71,6 +71,7 @@ function DialogContent({
               lucide="XIcon"
               tabler="IconX"
               hugeicons="Cancel01Icon"
+              phosphor="XIcon"
             />
             <span className="sr-only">Close</span>
           </DialogPrimitive.Close>
diff --git a/apps/v4/registry/bases/base/ui/dropdown-menu.tsx b/apps/v4/registry/bases/base/ui/dropdown-menu.tsx
index 156fd345cd0..a3460d048d9 100644
--- a/apps/v4/registry/bases/base/ui/dropdown-menu.tsx
+++ b/apps/v4/registry/bases/base/ui/dropdown-menu.tsx
@@ -123,6 +123,7 @@ function DropdownMenuSubTrigger({
         lucide="ChevronRightIcon"
         tabler="IconChevronRight"
         hugeicons="ArrowRight01Icon"
+        phosphor="CaretRightIcon"
         className="ml-auto"
       />
     </MenuPrimitive.SubmenuTrigger>
@@ -175,6 +176,7 @@ function DropdownMenuCheckboxItem({
             lucide="CheckIcon"
             tabler="IconCheck"
             hugeicons="Tick02Icon"
+            phosphor="CheckIcon"
           />
         </MenuPrimitive.CheckboxItemIndicator>
       </span>
@@ -215,6 +217,7 @@ function DropdownMenuRadioItem({
             lucide="CheckIcon"
             tabler="IconCheck"
             hugeicons="Tick02Icon"
+            phosphor="CheckIcon"
           />
         </MenuPrimitive.RadioItemIndicator>
       </span>
diff --git a/apps/v4/registry/bases/base/ui/input-otp.tsx b/apps/v4/registry/bases/base/ui/input-otp.tsx
index 98e97ea6cd6..1f657e2676e 100644
--- a/apps/v4/registry/bases/base/ui/input-otp.tsx
+++ b/apps/v4/registry/bases/base/ui/input-otp.tsx
@@ -82,6 +82,7 @@ function InputOTPSeparator({ ...props }: React.ComponentProps<"div">) {
         lucide="MinusIcon"
         tabler="IconMinus"
         hugeicons="MinusSignIcon"
+        phosphor="MinusIcon"
       />
     </div>
   )
diff --git a/apps/v4/registry/bases/base/ui/menubar.tsx b/apps/v4/registry/bases/base/ui/menubar.tsx
index 0b6a25f479c..7a36c42a9df 100644
--- a/apps/v4/registry/bases/base/ui/menubar.tsx
+++ b/apps/v4/registry/bases/base/ui/menubar.tsx
@@ -122,6 +122,7 @@ function MenubarCheckboxItem({
             lucide="CheckIcon"
             tabler="IconCheck"
             hugeicons="Tick02Icon"
+            phosphor="CheckIcon"
           />
         </MenuPrimitive.CheckboxItemIndicator>
       </span>
@@ -156,6 +157,7 @@ function MenubarRadioItem({
             lucide="CheckIcon"
             tabler="IconCheck"
             hugeicons="Tick02Icon"
+            phosphor="CheckIcon"
           />
         </MenuPrimitive.RadioItemIndicator>
       </span>
diff --git a/apps/v4/registry/bases/base/ui/native-select.tsx b/apps/v4/registry/bases/base/ui/native-select.tsx
index 16bae2e4ff1..59324e10251 100644
--- a/apps/v4/registry/bases/base/ui/native-select.tsx
+++ b/apps/v4/registry/bases/base/ui/native-select.tsx
@@ -31,6 +31,7 @@ function NativeSelect({
         lucide="ChevronDownIcon"
         tabler="IconSelector"
         hugeicons="UnfoldMoreIcon"
+        phosphor="CaretDownIcon"
         className="cn-native-select-icon pointer-events-none absolute select-none"
         aria-hidden="true"
         data-slot="native-select-icon"
diff --git a/apps/v4/registry/bases/base/ui/navigation-menu.tsx b/apps/v4/registry/bases/base/ui/navigation-menu.tsx
index 395284cf775..89103ff2d34 100644
--- a/apps/v4/registry/bases/base/ui/navigation-menu.tsx
+++ b/apps/v4/registry/bases/base/ui/navigation-menu.tsx
@@ -73,6 +73,7 @@ function NavigationMenuTrigger({
         lucide="ChevronDownIcon"
         tabler="IconChevronDown"
         hugeicons="ArrowDown01Icon"
+        phosphor="CaretDownIcon"
         className="cn-navigation-menu-trigger-icon"
         aria-hidden="true"
       />
diff --git a/apps/v4/registry/bases/base/ui/pagination.tsx b/apps/v4/registry/bases/base/ui/pagination.tsx
index eded5829d37..c72509595a5 100644
--- a/apps/v4/registry/bases/base/ui/pagination.tsx
+++ b/apps/v4/registry/bases/base/ui/pagination.tsx
@@ -80,6 +80,7 @@ function PaginationPrevious({
         lucide="ChevronLeftIcon"
         tabler="IconChevronLeft"
         hugeicons="ArrowLeft01Icon"
+        phosphor="CaretLeftIcon"
         data-icon="inline-start"
       />
       <span className="cn-pagination-previous-text hidden sm:block">
@@ -105,6 +106,7 @@ function PaginationNext({
         lucide="ChevronRightIcon"
         tabler="IconChevronRight"
         hugeicons="ArrowRight01Icon"
+        phosphor="CaretRightIcon"
         data-icon="inline-end"
       />
     </PaginationLink>
@@ -129,6 +131,7 @@ function PaginationEllipsis({
         lucide="MoreHorizontalIcon"
         tabler="IconDots"
         hugeicons="MoreHorizontalCircle01Icon"
+        phosphor="DotsThreeIcon"
       />
       <span className="sr-only">More pages</span>
     </span>
diff --git a/apps/v4/registry/bases/base/ui/radio-group.tsx b/apps/v4/registry/bases/base/ui/radio-group.tsx
index ea8673954e3..3cf69e30bd3 100644
--- a/apps/v4/registry/bases/base/ui/radio-group.tsx
+++ b/apps/v4/registry/bases/base/ui/radio-group.tsx
@@ -34,6 +34,7 @@ function RadioGroupItem({ className, ...props }: RadioPrimitive.Root.Props) {
           lucide="CircleIcon"
           tabler="IconCircle"
           hugeicons="CircleIcon"
+          phosphor="CircleIcon"
           className="cn-radio-group-indicator-icon"
         />
       </RadioPrimitive.Indicator>
diff --git a/apps/v4/registry/bases/base/ui/select.tsx b/apps/v4/registry/bases/base/ui/select.tsx
index 84142e50472..b2d0159d477 100644
--- a/apps/v4/registry/bases/base/ui/select.tsx
+++ b/apps/v4/registry/bases/base/ui/select.tsx
@@ -53,6 +53,7 @@ function SelectTrigger({
             lucide="ChevronDownIcon"
             tabler="IconSelector"
             hugeicons="UnfoldMoreIcon"
+            phosphor="CaretDownIcon"
             className="cn-select-trigger-icon pointer-events-none"
           />
         }
@@ -139,6 +140,7 @@ function SelectItem({
           lucide="CheckIcon"
           tabler="IconCheck"
           hugeicons="Tick02Icon"
+          phosphor="CheckIcon"
           className="cn-select-item-indicator-icon pointer-events-none"
         />
       </SelectPrimitive.ItemIndicator>
@@ -173,6 +175,7 @@ function SelectScrollUpButton({
         lucide="ChevronUpIcon"
         tabler="IconChevronUp"
         hugeicons="ArrowUp01Icon"
+        phosphor="CaretUpIcon"
       />
     </SelectPrimitive.ScrollUpArrow>
   )
@@ -192,6 +195,7 @@ function SelectScrollDownButton({
         lucide="ChevronDownIcon"
         tabler="IconChevronDown"
         hugeicons="ArrowDown01Icon"
+        phosphor="CaretDownIcon"
       />
     </SelectPrimitive.ScrollDownArrow>
   )
diff --git a/apps/v4/registry/bases/base/ui/sheet.tsx b/apps/v4/registry/bases/base/ui/sheet.tsx
index 60df3f2f070..ec9a3bb4f88 100644
--- a/apps/v4/registry/bases/base/ui/sheet.tsx
+++ b/apps/v4/registry/bases/base/ui/sheet.tsx
@@ -68,6 +68,7 @@ function SheetContent({
               lucide="XIcon"
               tabler="IconX"
               hugeicons="Cancel01Icon"
+              phosphor="XIcon"
             />
             <span className="sr-only">Close</span>
           </SheetPrimitive.Close>
diff --git a/apps/v4/registry/bases/base/ui/sidebar.tsx b/apps/v4/registry/bases/base/ui/sidebar.tsx
index dac0a0e5556..94ae799cdd6 100644
--- a/apps/v4/registry/bases/base/ui/sidebar.tsx
+++ b/apps/v4/registry/bases/base/ui/sidebar.tsx
@@ -275,6 +275,7 @@ function SidebarTrigger({
         lucide="PanelLeftIcon"
         tabler="IconLayoutSidebar"
         hugeicons="SidebarLeftIcon"
+        phosphor="SidebarIcon"
       />
       <span className="sr-only">Toggle Sidebar</span>
     </Button>
diff --git a/apps/v4/registry/bases/base/ui/sonner.tsx b/apps/v4/registry/bases/base/ui/sonner.tsx
index 40709d42313..897bd01cd74 100644
--- a/apps/v4/registry/bases/base/ui/sonner.tsx
+++ b/apps/v4/registry/bases/base/ui/sonner.tsx
@@ -18,6 +18,7 @@ const Toaster = ({ ...props }: ToasterProps) => {
             lucide="CircleCheckIcon"
             tabler="IconCircleCheck"
             hugeicons="CheckmarkCircle02Icon"
+            phosphor="CheckCircleIcon"
             className="size-4"
           />
         ),
@@ -26,6 +27,7 @@ const Toaster = ({ ...props }: ToasterProps) => {
             lucide="InfoIcon"
             tabler="IconInfoCircle"
             hugeicons="InformationCircleIcon"
+            phosphor="InfoIcon"
             className="size-4"
           />
         ),
@@ -34,6 +36,7 @@ const Toaster = ({ ...props }: ToasterProps) => {
             lucide="TriangleAlertIcon"
             tabler="IconAlertTriangle"
             hugeicons="Alert02Icon"
+            phosphor="WarningIcon"
             className="size-4"
           />
         ),
@@ -42,6 +45,7 @@ const Toaster = ({ ...props }: ToasterProps) => {
             lucide="OctagonXIcon"
             tabler="IconAlertOctagon"
             hugeicons="MultiplicationSignCircleIcon"
+            phosphor="XCircleIcon"
             className="size-4"
           />
         ),
@@ -50,6 +54,7 @@ const Toaster = ({ ...props }: ToasterProps) => {
             lucide="Loader2Icon"
             tabler="IconLoader"
             hugeicons="Loading03Icon"
+            phosphor="SpinnerIcon"
             className="size-4 animate-spin"
           />
         ),
diff --git a/apps/v4/registry/bases/base/ui/spinner.tsx b/apps/v4/registry/bases/base/ui/spinner.tsx
index cd3b6f18e0d..4afd56651aa 100644
--- a/apps/v4/registry/bases/base/ui/spinner.tsx
+++ b/apps/v4/registry/bases/base/ui/spinner.tsx
@@ -7,6 +7,7 @@ function Spinner({ className, ...props }: React.ComponentProps<"svg">) {
       lucide="Loader2Icon"
       tabler="IconLoader"
       hugeicons="Loading03Icon"
+      phosphor="SpinnerIcon"
       role="status"
       aria-label="Loading"
       className={cn("size-4 animate-spin", className)}
diff --git a/apps/v4/registry/bases/radix/blocks/chatgpt.tsx b/apps/v4/registry/bases/radix/blocks/chatgpt.tsx
index cdde4d8f654..79f2e58a728 100644
--- a/apps/v4/registry/bases/radix/blocks/chatgpt.tsx
+++ b/apps/v4/registry/bases/radix/blocks/chatgpt.tsx
@@ -110,6 +110,7 @@ function PromptForm() {
                         lucide="PlusIcon"
                         tabler="IconPlus"
                         hugeicons="PlusSignIcon"
+                        phosphor="PlusIcon"
                       />
                     </InputGroupButton>
                   </TooltipTrigger>
@@ -127,6 +128,7 @@ function PromptForm() {
                     lucide="PaperclipIcon"
                     tabler="IconPaperclip"
                     hugeicons="AttachmentIcon"
+                    phosphor="PaperclipIcon"
                   />
                   Add photos & files
                 </DropdownMenuItem>
@@ -135,6 +137,7 @@ function PromptForm() {
                     lucide="SparklesIcon"
                     tabler="IconSparkles"
                     hugeicons="SparklesIcon"
+                    phosphor="SparkleIcon"
                   />
                   Deep research
                 </DropdownMenuItem>
@@ -143,6 +146,7 @@ function PromptForm() {
                     lucide="ShoppingBagIcon"
                     tabler="IconShoppingBag"
                     hugeicons="ShoppingBag01Icon"
+                    phosphor="BagIcon"
                   />
                   Shopping research
                 </DropdownMenuItem>
@@ -151,6 +155,7 @@ function PromptForm() {
                     lucide="WandIcon"
                     tabler="IconWand"
                     hugeicons="MagicWand05Icon"
+                    phosphor="MagicWandIcon"
                   />
                   Create image
                 </DropdownMenuItem>
@@ -161,6 +166,7 @@ function PromptForm() {
                         lucide="MousePointerIcon"
                         tabler="IconPointer"
                         hugeicons="Cursor01Icon"
+                        phosphor="HandPointingIcon"
                       />
                       Agent mode
                     </DropdownMenuItem>
@@ -178,6 +184,7 @@ function PromptForm() {
                       lucide="MoreHorizontalIcon"
                       tabler="IconDots"
                       hugeicons="MoreHorizontalCircle01Icon"
+                      phosphor="DotsThreeOutlineIcon"
                     />
                     More
                   </DropdownMenuSubTrigger>
@@ -187,6 +194,7 @@ function PromptForm() {
                         lucide="ShareIcon"
                         tabler="IconShare"
                         hugeicons="Share03Icon"
+                        phosphor="ShareIcon"
                       />
                       Add sources
                     </DropdownMenuItem>
@@ -195,6 +203,7 @@ function PromptForm() {
                         lucide="BookOpenIcon"
                         tabler="IconBook"
                         hugeicons="BookIcon"
+                        phosphor="BookOpenIcon"
                       />
                       Study and learn
                     </DropdownMenuItem>
@@ -203,6 +212,7 @@ function PromptForm() {
                         lucide="GlobeIcon"
                         tabler="IconWorld"
                         hugeicons="GlobalIcon"
+                        phosphor="GlobeIcon"
                       />
                       Web search
                     </DropdownMenuItem>
@@ -211,6 +221,7 @@ function PromptForm() {
                         lucide="PenToolIcon"
                         tabler="IconPencil"
                         hugeicons="PenIcon"
+                        phosphor="PencilIcon"
                       />
                       Canvas
                     </DropdownMenuItem>
@@ -230,6 +241,7 @@ function PromptForm() {
                     lucide="AudioLinesIcon"
                     tabler="IconMicrophone"
                     hugeicons="AudioWave01Icon"
+                    phosphor="MicrophoneIcon"
                   />
                 </InputGroupButton>
               </TooltipTrigger>
@@ -244,6 +256,7 @@ function PromptForm() {
                 lucide="ArrowUpIcon"
                 tabler="IconArrowUp"
                 hugeicons="ArrowUp02Icon"
+                phosphor="ArrowUpIcon"
               />
             </InputGroupButton>
           </InputGroupAddon>
@@ -267,6 +280,7 @@ function ModelSelector() {
               lucide="ChevronDownIcon"
               tabler="IconChevronDown"
               hugeicons="ArrowDown01Icon"
+              phosphor="CaretDownIcon"
               className="text-muted-foreground size-4"
             />
           </Button>
@@ -412,6 +426,7 @@ function CreateProjectForm() {
                     lucide="SettingsIcon"
                     tabler="IconSettings"
                     hugeicons="Settings01Icon"
+                    phosphor="GearIcon"
                   />
                   <span className="sr-only">Memory</span>
                 </Button>
@@ -478,6 +493,7 @@ function CreateProjectForm() {
                             { "--color": selectedColor } as React.CSSProperties
                           }
                           lucide="FolderIcon"
+                          phosphor="FolderIcon"
                           tabler="IconFolder"
                           hugeicons="FolderIcon"
                           className="text-(--color)"
@@ -539,6 +555,7 @@ function CreateProjectForm() {
                         lucide="CircleCheckIcon"
                         tabler="IconCircleCheck"
                         hugeicons="CheckmarkCircle02Icon"
+                        phosphor="CheckCircleIcon"
                         data-icon="inline-start"
                         className="hidden group-data-[checked=true]/badge:inline"
                       />
@@ -554,6 +571,7 @@ function CreateProjectForm() {
                   lucide="LightbulbIcon"
                   tabler="IconBulb"
                   hugeicons="BulbIcon"
+                  phosphor="LightbulbIcon"
                 />
                 <AlertDescription className="text-xs">
                   Projects keep chats, files, and custom instructions in one
diff --git a/apps/v4/registry/bases/radix/blocks/github.tsx b/apps/v4/registry/bases/radix/blocks/github.tsx
index 011f3d13fb1..8a6fd09c512 100644
--- a/apps/v4/registry/bases/radix/blocks/github.tsx
+++ b/apps/v4/registry/bases/radix/blocks/github.tsx
@@ -160,6 +160,7 @@ function CodespacesCard() {
                           lucide="PlusIcon"
                           tabler="IconPlus"
                           hugeicons="PlusSignIcon"
+                          phosphor="PlusIcon"
                         />
                       </Button>
                     </TooltipTrigger>
@@ -176,6 +177,7 @@ function CodespacesCard() {
                               lucide="MoreHorizontalIcon"
                               tabler="IconDots"
                               hugeicons="MoreHorizontalCircle01Icon"
+                              phosphor="DotsThreeOutlineIcon"
                             />
                           </Button>
                         </DropdownMenuTrigger>
@@ -194,6 +196,7 @@ function CodespacesCard() {
                           lucide="PlusIcon"
                           tabler="IconPlus"
                           hugeicons="PlusSignIcon"
+                          phosphor="PlusIcon"
                         />
                         New with options...
                       </DropdownMenuItem>
@@ -202,6 +205,7 @@ function CodespacesCard() {
                           lucide="ContainerIcon"
                           tabler="IconBox"
                           hugeicons="CubeIcon"
+                          phosphor="CubeIcon"
                         />
                         Configure dev container
                       </DropdownMenuItem>
@@ -210,6 +214,7 @@ function CodespacesCard() {
                           lucide="ZapIcon"
                           tabler="IconBolt"
                           hugeicons="ZapIcon"
+                          phosphor="LightningIcon"
                         />
                         Set up prebuilds
                       </DropdownMenuItem>
@@ -219,6 +224,7 @@ function CodespacesCard() {
                           lucide="ServerIcon"
                           tabler="IconServer"
                           hugeicons="ServerStackIcon"
+                          phosphor="HardDrivesIcon"
                         />
                         Manage codespaces
                       </DropdownMenuItem>
@@ -227,6 +233,7 @@ function CodespacesCard() {
                           lucide="ShareIcon"
                           tabler="IconShare2"
                           hugeicons="Share03Icon"
+                          phosphor="ShareIcon"
                         />
                         Share deep link
                       </DropdownMenuItem>
@@ -235,6 +242,7 @@ function CodespacesCard() {
                           lucide="InfoIcon"
                           tabler="IconInfoCircle"
                           hugeicons="AlertCircleIcon"
+                          phosphor="InfoIcon"
                         />
                         What are codespaces?
                       </DropdownMenuItem>
@@ -250,6 +258,7 @@ function CodespacesCard() {
                       lucide="ServerIcon"
                       tabler="IconServer"
                       hugeicons="ServerStackIcon"
+                      phosphor="HardDrivesIcon"
                     />
                   </EmptyMedia>
                   <EmptyTitle>No codespaces</EmptyTitle>
@@ -298,6 +307,7 @@ function CodespacesCard() {
                       lucide="TerminalIcon"
                       tabler="IconTerminal"
                       hugeicons="ComputerTerminal01Icon"
+                      phosphor="TerminalIcon"
                       className="size-4"
                     />
                     Clone
@@ -311,6 +321,7 @@ function CodespacesCard() {
                           lucide="InfoIcon"
                           tabler="IconInfoCircle"
                           hugeicons="AlertCircleIcon"
+                          phosphor="InfoIcon"
                         />
                       </Button>
                     </TooltipTrigger>
@@ -342,6 +353,7 @@ function CodespacesCard() {
                               lucide="CopyIcon"
                               tabler="IconCopy"
                               hugeicons="Copy01Icon"
+                              phosphor="CopyIcon"
                             />
                           </InputGroupButton>
                         </InputGroupAddon>
@@ -368,6 +380,7 @@ function CodespacesCard() {
                               lucide="CopyIcon"
                               tabler="IconCopy"
                               hugeicons="Copy01Icon"
+                              phosphor="CopyIcon"
                             />
                           </InputGroupButton>
                         </InputGroupAddon>
@@ -394,6 +407,7 @@ function CodespacesCard() {
                               lucide="CopyIcon"
                               tabler="IconCopy"
                               hugeicons="Copy01Icon"
+                              phosphor="CopyIcon"
                             />
                           </InputGroupButton>
                         </InputGroupAddon>
@@ -422,6 +436,7 @@ function CodespacesCard() {
                     lucide="MonitorIcon"
                     tabler="IconDeviceDesktop"
                     hugeicons="ComputerIcon"
+                    phosphor="MonitorIcon"
                     data-icon="inline-start"
                   />
                   Open with GitHub Desktop
@@ -435,6 +450,7 @@ function CodespacesCard() {
                     lucide="DownloadIcon"
                     tabler="IconDownload"
                     hugeicons="DownloadIcon"
+                    phosphor="DownloadIcon"
                     data-icon="inline-start"
                   />
                   Download ZIP
@@ -461,6 +477,7 @@ function RepositoryToolbar() {
                 lucide="SearchIcon"
                 tabler="IconSearch"
                 hugeicons="SearchIcon"
+                phosphor="MagnifyingGlassIcon"
               />
             </InputGroupButton>
           </InputGroupAddon>
@@ -476,6 +493,7 @@ function RepositoryToolbar() {
                 lucide="ChevronDownIcon"
                 tabler="IconChevronDown"
                 hugeicons="ArrowDown01Icon"
+                phosphor="CaretDownIcon"
                 data-icon="inline-end"
               />
             </Button>
@@ -494,6 +512,7 @@ function RepositoryToolbar() {
                 lucide="UploadIcon"
                 hugeicons="Upload01Icon"
                 tabler="IconUpload"
+                phosphor="UploadIcon"
               />
               Upload files
             </DropdownMenuItem>
@@ -508,6 +527,7 @@ function RepositoryToolbar() {
                     lucide="CloudCogIcon"
                     hugeicons="AiCloud01Icon"
                     tabler="IconCloudCog"
+                    phosphor="CloudArrowUpIcon"
                   />
                 </Button>
               </PopoverTrigger>
@@ -532,6 +552,7 @@ function RepositoryToolbar() {
                               lucide="GitBranchIcon"
                               hugeicons="GitBranchIcon"
                               tabler="IconGitBranch"
+                              phosphor="GitBranchIcon"
                             />
                           </InputGroupButton>
                         </TooltipTrigger>
@@ -605,6 +626,7 @@ function RepositoryToolbar() {
                               lucide="BotIcon"
                               hugeicons="RoboticIcon"
                               tabler="IconRobot"
+                              phosphor="RobotIcon"
                             />
                           </InputGroupButton>
                         </TooltipTrigger>
@@ -641,6 +663,7 @@ function RepositoryToolbar() {
                           lucide="SendIcon"
                           hugeicons="SentIcon"
                           tabler="IconSend"
+                          phosphor="PaperPlaneTiltIcon"
                         />
                       </InputGroupButton>
                     </TooltipTrigger>
@@ -669,6 +692,7 @@ function Navbar() {
                 lucide="MenuIcon"
                 hugeicons="Menu09Icon"
                 tabler="IconMenu"
+                phosphor="ListIcon"
               />
               <span className="sr-only">Open menu</span>
             </Button>
@@ -682,6 +706,7 @@ function Navbar() {
                     lucide="XIcon"
                     tabler="IconX"
                     hugeicons="Cancel01Icon"
+                    phosphor="XIcon"
                   />
                   <span className="sr-only">Close</span>
                 </Button>
@@ -696,6 +721,7 @@ function Navbar() {
                         lucide="HomeIcon"
                         tabler="IconHome"
                         hugeicons="HomeIcon"
+                        phosphor="HouseIcon"
                       />
                     </ItemMedia>
                     <ItemContent>
@@ -710,6 +736,7 @@ function Navbar() {
                         lucide="CircleIcon"
                         tabler="IconCircle"
                         hugeicons="CircleIcon"
+                        phosphor="CircleIcon"
                       />
                     </ItemMedia>
                     <ItemContent>
@@ -738,6 +765,7 @@ function Navbar() {
                         lucide="LayoutGridIcon"
                         tabler="IconLayoutGrid"
                         hugeicons="GridIcon"
+                        phosphor="GridFourIcon"
                       />
                     </ItemMedia>
                     <ItemContent>
@@ -752,6 +780,7 @@ function Navbar() {
                         lucide="MailIcon"
                         tabler="IconMail"
                         hugeicons="MailIcon"
+                        phosphor="EnvelopeIcon"
                       />
                     </ItemMedia>
                     <ItemContent>
@@ -794,6 +823,7 @@ function Navbar() {
                         lucide="SparklesIcon"
                         tabler="IconSparkles"
                         hugeicons="SparklesIcon"
+                        phosphor="SparkleIcon"
                       />
                     </ItemMedia>
                     <ItemContent>
@@ -823,6 +853,7 @@ function Navbar() {
                         lucide="ShoppingBagIcon"
                         tabler="IconShoppingBag"
                         hugeicons="ShoppingBasket01Icon"
+                        phosphor="BagIcon"
                       />
                     </ItemMedia>
                     <ItemContent>
@@ -837,6 +868,7 @@ function Navbar() {
                         lucide="LinkIcon"
                         tabler="IconLink"
                         hugeicons="LinkIcon"
+                        phosphor="LinkIcon"
                       />
                     </ItemMedia>
                     <ItemContent>
@@ -890,6 +922,7 @@ function Navbar() {
                   lucide="SmileIcon"
                   tabler="IconMoodSmile"
                   hugeicons="SmileIcon"
+                  phosphor="SmileyIcon"
                 />
                 Set status
               </DropdownMenuItem>
@@ -898,6 +931,7 @@ function Navbar() {
                   lucide="CircleAlertIcon"
                   tabler="IconExclamationCircle"
                   hugeicons="AlertCircleIcon"
+                  phosphor="WarningCircleIcon"
                 />
                 Single sign-on
               </DropdownMenuItem>
@@ -917,6 +951,7 @@ function Navbar() {
                   lucide="FolderIcon"
                   tabler="IconFolder"
                   hugeicons="FolderIcon"
+                  phosphor="FolderIcon"
                 />
                 Repositories
               </DropdownMenuItem>
@@ -925,6 +960,7 @@ function Navbar() {
                   lucide="StarIcon"
                   tabler="IconStar"
                   hugeicons="StarIcon"
+                  phosphor="StarIcon"
                 />
                 Stars
               </DropdownMenuItem>
@@ -933,6 +969,7 @@ function Navbar() {
                   lucide="CodeIcon"
                   tabler="IconCode"
                   hugeicons="CodeIcon"
+                  phosphor="CodeIcon"
                 />
                 Gists
               </DropdownMenuItem>
@@ -941,6 +978,7 @@ function Navbar() {
                   lucide="FolderIcon"
                   tabler="IconFolder"
                   hugeicons="FolderIcon"
+                  phosphor="FolderIcon"
                 />
                 Organizations
               </DropdownMenuItem>
diff --git a/apps/v4/registry/bases/radix/blocks/preview.tsx b/apps/v4/registry/bases/radix/blocks/preview.tsx
index 0f38f4d49b4..19e925bfcda 100644
--- a/apps/v4/registry/bases/radix/blocks/preview.tsx
+++ b/apps/v4/registry/bases/radix/blocks/preview.tsx
@@ -250,6 +250,7 @@ function FieldExamples() {
                   lucide="MinusIcon"
                   tabler="IconMinus"
                   hugeicons="MinusSignIcon"
+                  phosphor="MinusIcon"
                 />
               </Button>
               <Button
@@ -264,6 +265,7 @@ function FieldExamples() {
                   lucide="PlusIcon"
                   tabler="IconPlus"
                   hugeicons="PlusSignIcon"
+                  phosphor="PlusIcon"
                 />
               </Button>
             </ButtonGroup>
@@ -332,6 +334,7 @@ function ButtonGroupExamples() {
                 lucide="ArrowLeftIcon"
                 tabler="IconArrowLeft"
                 hugeicons="ArrowLeft01Icon"
+                phosphor="ArrowLeftIcon"
               />
             </Button>
           </ButtonGroup>
@@ -358,6 +361,7 @@ function ButtonGroupExamples() {
                     lucide="ChevronDownIcon"
                     tabler="IconChevronDown"
                     hugeicons="ArrowDown01Icon"
+                    phosphor="CaretDownIcon"
                   />
                 </Button>
               </DropdownMenuTrigger>
@@ -368,6 +372,7 @@ function ButtonGroupExamples() {
                       lucide="MailCheckIcon"
                       tabler="IconMailCheck"
                       hugeicons="MailValidation01Icon"
+                      phosphor="EnvelopeIcon"
                     />
                     Mark as Read
                   </DropdownMenuItem>
@@ -376,6 +381,7 @@ function ButtonGroupExamples() {
                       lucide="ArchiveIcon"
                       tabler="IconArchive"
                       hugeicons="ArchiveIcon"
+                      phosphor="ArchiveIcon"
                     />
                     Archive
                   </DropdownMenuItem>
@@ -387,6 +393,7 @@ function ButtonGroupExamples() {
                       lucide="ClockIcon"
                       tabler="IconClock"
                       hugeicons="ClockIcon"
+                      phosphor="ClockIcon"
                     />
                     Snooze
                   </DropdownMenuItem>
@@ -395,6 +402,7 @@ function ButtonGroupExamples() {
                       lucide="CalendarPlusIcon"
                       tabler="IconCalendarPlus"
                       hugeicons="CalendarAdd01Icon"
+                      phosphor="CalendarPlusIcon"
                     />
                     Add to Calendar
                   </DropdownMenuItem>
@@ -403,6 +411,7 @@ function ButtonGroupExamples() {
                       lucide="ListFilterIcon"
                       tabler="IconFilterPlus"
                       hugeicons="AddToListIcon"
+                      phosphor="ListPlusIcon"
                     />
                     Add to List
                   </DropdownMenuItem>
@@ -412,6 +421,7 @@ function ButtonGroupExamples() {
                         lucide="TagIcon"
                         tabler="IconTag"
                         hugeicons="TagIcon"
+                        phosphor="TagIcon"
                       />
                       Label As...
                     </DropdownMenuSubTrigger>
@@ -440,6 +450,7 @@ function ButtonGroupExamples() {
                       lucide="Trash2Icon"
                       tabler="IconTrash"
                       hugeicons="Delete02Icon"
+                      phosphor="TrashIcon"
                     />
                     Trash
                   </DropdownMenuItem>
@@ -453,6 +464,7 @@ function ButtonGroupExamples() {
                 lucide="ArrowLeftIcon"
                 tabler="IconArrowLeft"
                 hugeicons="ArrowLeft01Icon"
+                phosphor="ArrowLeftIcon"
               />
             </Button>
             <Button variant="outline" size="icon-sm" aria-label="Next">
@@ -460,6 +472,7 @@ function ButtonGroupExamples() {
                 lucide="ArrowRightIcon"
                 tabler="IconArrowRight"
                 hugeicons="ArrowRight01Icon"
+                phosphor="ArrowRightIcon"
               />
             </Button>
           </ButtonGroup>
@@ -482,6 +495,7 @@ function ButtonGroupExamples() {
                       lucide="ChevronDownIcon"
                       tabler="IconChevronDown"
                       hugeicons="ArrowDown01Icon"
+                      phosphor="CaretDownIcon"
                     />
                   </Button>
                 </DropdownMenuTrigger>
@@ -493,6 +507,7 @@ function ButtonGroupExamples() {
                         lucide="VolumeX"
                         tabler="IconVolume"
                         hugeicons="VolumeOffIcon"
+                        phosphor="SpeakerSlashIcon"
                       />
                       Mute Conversation
                     </DropdownMenuItem>
@@ -501,6 +516,7 @@ function ButtonGroupExamples() {
                         lucide="CheckIcon"
                         tabler="IconCheck"
                         hugeicons="Tick02Icon"
+                        phosphor="CheckIcon"
                       />
                       Mark as Read
                     </DropdownMenuItem>
@@ -509,6 +525,7 @@ function ButtonGroupExamples() {
                         lucide="UserRoundXIcon"
                         tabler="IconUserX"
                         hugeicons="UserRemove01Icon"
+                        phosphor="UserMinusIcon"
                       />
                       Block User
                     </DropdownMenuItem>
@@ -521,6 +538,7 @@ function ButtonGroupExamples() {
                         lucide="ShareIcon"
                         tabler="IconShare"
                         hugeicons="Share03Icon"
+                        phosphor="ShareIcon"
                       />
                       Share Conversation
                     </DropdownMenuItem>
@@ -529,6 +547,7 @@ function ButtonGroupExamples() {
                         lucide="CopyIcon"
                         tabler="IconCopy"
                         hugeicons="Copy01Icon"
+                        phosphor="CopyIcon"
                       />
                       Copy Conversation
                     </DropdownMenuItem>
@@ -537,6 +556,7 @@ function ButtonGroupExamples() {
                         lucide="AlertTriangleIcon"
                         tabler="IconAlertTriangle"
                         hugeicons="AlertCircleIcon"
+                        phosphor="WarningIcon"
                       />
                       Report Conversation
                     </DropdownMenuItem>
@@ -548,6 +568,7 @@ function ButtonGroupExamples() {
                         lucide="TrashIcon"
                         tabler="IconTrash"
                         hugeicons="Delete02Icon"
+                        phosphor="TrashIcon"
                       />
                       Delete Conversation
                     </DropdownMenuItem>
@@ -561,6 +582,7 @@ function ButtonGroupExamples() {
                   lucide="BotIcon"
                   tabler="IconRobot"
                   hugeicons="BotIcon"
+                  phosphor="RobotIcon"
                 />{" "}
                 Copilot
               </Button>
@@ -575,6 +597,7 @@ function ButtonGroupExamples() {
                       lucide="ChevronDownIcon"
                       tabler="IconChevronDown"
                       hugeicons="ArrowDown01Icon"
+                      phosphor="CaretDownIcon"
                     />
                   </Button>
                 </PopoverTrigger>
@@ -616,6 +639,7 @@ function InputGroupExamples() {
               lucide="SearchIcon"
               tabler="IconSearch"
               hugeicons="Search01Icon"
+              phosphor="MagnifyingGlassIcon"
             />
           </InputGroupAddon>
           <InputGroupAddon align="inline-end">12 results</InputGroupAddon>
@@ -637,6 +661,7 @@ function InputGroupExamples() {
                     lucide="InfoIcon"
                     tabler="IconInfoCircle"
                     hugeicons="AlertCircleIcon"
+                    phosphor="InfoIcon"
                   />
                 </InputGroupButton>
               </TooltipTrigger>
@@ -662,6 +687,7 @@ function InputGroupExamples() {
                       lucide="InfoIcon"
                       tabler="IconInfoCircle"
                       hugeicons="AlertCircleIcon"
+                      phosphor="InfoIcon"
                     />
                   </InputGroupButton>
                 </InputGroupAddon>
@@ -690,6 +716,7 @@ function InputGroupExamples() {
                   lucide="StarIcon"
                   tabler="IconStar"
                   hugeicons="StarIcon"
+                  phosphor="StarIcon"
                   data-favorite={isFavorite}
                   className="data-[favorite=true]:fill-primary data-[favorite=true]:stroke-primary"
                 />
@@ -704,6 +731,7 @@ function InputGroupExamples() {
                 lucide="PlusIcon"
                 tabler="IconPlus"
                 hugeicons="PlusSignIcon"
+                phosphor="PlusIcon"
               />
             </Button>
           </ButtonGroup>
@@ -732,6 +760,7 @@ function InputGroupExamples() {
                         lucide="AudioLinesIcon"
                         tabler="IconWaveSine"
                         hugeicons="AudioWave01Icon"
+                        phosphor="MicrophoneIcon"
                       />
                     </InputGroupButton>
                   </TooltipTrigger>
@@ -754,6 +783,7 @@ function InputGroupExamples() {
                 lucide="PlusIcon"
                 tabler="IconPlus"
                 hugeicons="PlusSignIcon"
+                phosphor="PlusIcon"
               />
             </InputGroupButton>
             <DropdownMenu>
@@ -781,6 +811,7 @@ function InputGroupExamples() {
                 lucide="ArrowUpIcon"
                 tabler="IconArrowUp"
                 hugeicons="ArrowUp01Icon"
+                phosphor="ArrowUpIcon"
               />
               <span className="sr-only">Send</span>
             </InputGroupButton>
@@ -857,6 +888,7 @@ function EmptyAvatarGroup() {
                       lucide="BluetoothIcon"
                       tabler="IconBluetooth"
                       hugeicons="BluetoothIcon"
+                      phosphor="BluetoothIcon"
                     />
                   </AlertDialogMedia>
                   <AlertDialogTitle>
@@ -1053,6 +1085,7 @@ function SmallFormExample() {
                     lucide="MoreVerticalIcon"
                     tabler="IconDotsVertical"
                     hugeicons="MoreVerticalCircle01Icon"
+                    phosphor="DotsThreeVerticalIcon"
                   />
                   <span className="sr-only">More options</span>
                 </Button>
@@ -1068,6 +1101,7 @@ function SmallFormExample() {
                       lucide="FileIcon"
                       tabler="IconFile"
                       hugeicons="FileIcon"
+                      phosphor="FileIcon"
                     />
                     New File
                     <DropdownMenuShortcut>⌘N</DropdownMenuShortcut>
@@ -1077,6 +1111,7 @@ function SmallFormExample() {
                       lucide="FolderIcon"
                       tabler="IconFolder"
                       hugeicons="FolderIcon"
+                      phosphor="FolderIcon"
                     />
                     New Folder
                     <DropdownMenuShortcut>⇧⌘N</DropdownMenuShortcut>
@@ -1087,6 +1122,7 @@ function SmallFormExample() {
                         lucide="FolderOpenIcon"
                         tabler="IconFolderOpen"
                         hugeicons="FolderOpenIcon"
+                        phosphor="FolderOpenIcon"
                       />
                       Open Recent
                     </DropdownMenuSubTrigger>
@@ -1099,6 +1135,7 @@ function SmallFormExample() {
                               lucide="FileCodeIcon"
                               tabler="IconFileCode"
                               hugeicons="CodeIcon"
+                              phosphor="CodeIcon"
                             />
                             Project Alpha
                           </DropdownMenuItem>
@@ -1107,6 +1144,7 @@ function SmallFormExample() {
                               lucide="FileCodeIcon"
                               tabler="IconFileCode"
                               hugeicons="CodeIcon"
+                              phosphor="CodeIcon"
                             />
                             Project Beta
                           </DropdownMenuItem>
@@ -1116,6 +1154,7 @@ function SmallFormExample() {
                                 lucide="MoreHorizontalIcon"
                                 tabler="IconDots"
                                 hugeicons="MoreHorizontalCircle01Icon"
+                                phosphor="DotsThreeOutlineIcon"
                               />
                               More Projects
                             </DropdownMenuSubTrigger>
@@ -1126,6 +1165,7 @@ function SmallFormExample() {
                                     lucide="FileCodeIcon"
                                     tabler="IconFileCode"
                                     hugeicons="CodeIcon"
+                                    phosphor="CodeIcon"
                                   />
                                   Project Gamma
                                 </DropdownMenuItem>
@@ -1134,6 +1174,7 @@ function SmallFormExample() {
                                     lucide="FileCodeIcon"
                                     tabler="IconFileCode"
                                     hugeicons="CodeIcon"
+                                    phosphor="CodeIcon"
                                   />
                                   Project Delta
                                 </DropdownMenuItem>
@@ -1148,6 +1189,7 @@ function SmallFormExample() {
                               lucide="FolderSearchIcon"
                               tabler="IconFolderSearch"
                               hugeicons="SearchIcon"
+                              phosphor="MagnifyingGlassIcon"
                             />
                             Browse...
                           </DropdownMenuItem>
@@ -1161,6 +1203,7 @@ function SmallFormExample() {
                       lucide="SaveIcon"
                       tabler="IconDeviceFloppy"
                       hugeicons="FloppyDiskIcon"
+                      phosphor="FloppyDiskIcon"
                     />
                     Save
                     <DropdownMenuShortcut>⌘S</DropdownMenuShortcut>
@@ -1170,6 +1213,7 @@ function SmallFormExample() {
                       lucide="DownloadIcon"
                       tabler="IconDownload"
                       hugeicons="DownloadIcon"
+                      phosphor="DownloadIcon"
                     />
                     Export
                     <DropdownMenuShortcut>⇧⌘E</DropdownMenuShortcut>
@@ -1191,6 +1235,7 @@ function SmallFormExample() {
                       lucide="EyeIcon"
                       tabler="IconEye"
                       hugeicons="EyeIcon"
+                      phosphor="EyeIcon"
                     />
                     Show Sidebar
                   </DropdownMenuCheckboxItem>
@@ -1207,6 +1252,7 @@ function SmallFormExample() {
                       lucide="LayoutIcon"
                       tabler="IconLayout"
                       hugeicons="LayoutIcon"
+                      phosphor="LayoutIcon"
                     />
                     Show Status Bar
                   </DropdownMenuCheckboxItem>
@@ -1216,6 +1262,7 @@ function SmallFormExample() {
                         lucide="PaletteIcon"
                         tabler="IconPalette"
                         hugeicons="PaintBoardIcon"
+                        phosphor="PaletteIcon"
                       />
                       Theme
                     </DropdownMenuSubTrigger>
@@ -1232,6 +1279,7 @@ function SmallFormExample() {
                                 lucide="SunIcon"
                                 tabler="IconSun"
                                 hugeicons="SunIcon"
+                                phosphor="SunIcon"
                               />
                               Light
                             </DropdownMenuRadioItem>
@@ -1240,6 +1288,7 @@ function SmallFormExample() {
                                 lucide="MoonIcon"
                                 tabler="IconMoon"
                                 hugeicons="MoonIcon"
+                                phosphor="MoonIcon"
                               />
                               Dark
                             </DropdownMenuRadioItem>
@@ -1248,6 +1297,7 @@ function SmallFormExample() {
                                 lucide="MonitorIcon"
                                 tabler="IconDeviceDesktop"
                                 hugeicons="ComputerIcon"
+                                phosphor="MonitorIcon"
                               />
                               System
                             </DropdownMenuRadioItem>
@@ -1264,6 +1314,7 @@ function SmallFormExample() {
                       lucide="HelpCircleIcon"
                       tabler="IconHelpCircle"
                       hugeicons="HelpCircleIcon"
+                      phosphor="QuestionIcon"
                     />
                     Help & Support
                   </DropdownMenuItem>
@@ -1272,6 +1323,7 @@ function SmallFormExample() {
                       lucide="FileTextIcon"
                       tabler="IconFileText"
                       hugeicons="File01Icon"
+                      phosphor="FileTextIcon"
                     />
                     Documentation
                   </DropdownMenuItem>
@@ -1283,6 +1335,7 @@ function SmallFormExample() {
                       lucide="LogOutIcon"
                       tabler="IconLogout"
                       hugeicons="LogoutIcon"
+                      phosphor="SignOutIcon"
                     />
                     Sign Out
                     <DropdownMenuShortcut>⇧⌘Q</DropdownMenuShortcut>
@@ -1390,6 +1443,7 @@ function ObservabilityCard() {
               lucide="PlusIcon"
               tabler="IconPlus"
               hugeicons="PlusSignIcon"
+              phosphor="PlusIcon"
               data-icon="inline-end"
             />
           </Button>
@@ -1453,6 +1507,7 @@ function ItemExample() {
                 lucide="ShoppingBagIcon"
                 tabler="IconShoppingBag"
                 hugeicons="ShoppingBasket01Icon"
+                phosphor="BagIcon"
               />
             </ItemMedia>
             <ItemContent>
diff --git a/apps/v4/registry/bases/radix/blocks/vercel.tsx b/apps/v4/registry/bases/radix/blocks/vercel.tsx
index 18e0b1223c2..21f73fdbecc 100644
--- a/apps/v4/registry/bases/radix/blocks/vercel.tsx
+++ b/apps/v4/registry/bases/radix/blocks/vercel.tsx
@@ -262,6 +262,7 @@ function DeploymentFilter() {
                 lucide="CalendarIcon"
                 tabler="IconCalendar"
                 hugeicons="Calendar01Icon"
+                phosphor="CalendarIcon"
                 data-icon="inline-start"
                 className="text-muted-foreground"
               />
@@ -295,6 +296,7 @@ function DeploymentFilter() {
               lucide="Search"
               tabler="IconSearch"
               hugeicons="Search01Icon"
+              phosphor="MagnifyingGlassIcon"
             />
           </InputGroupAddon>
           <InputGroupInput placeholder="All Authors..." />
@@ -303,6 +305,7 @@ function DeploymentFilter() {
               lucide="ChevronDownIcon"
               tabler="IconChevronDown"
               hugeicons="ArrowDown01Icon"
+              phosphor="CaretDownIcon"
               className="text-muted-foreground"
             />
           </InputGroupAddon>
@@ -315,6 +318,7 @@ function DeploymentFilter() {
                 lucide="ChevronDownIcon"
                 tabler="IconChevronDown"
                 hugeicons="ArrowDown01Icon"
+                phosphor="CaretDownIcon"
                 data-icon="inline-end"
                 className="text-muted-foreground"
               />
@@ -332,6 +336,7 @@ function DeploymentFilter() {
                   lucide="CheckIcon"
                   tabler="IconCheck"
                   hugeicons="Tick02Icon"
+                  phosphor="CheckIcon"
                   className="ml-auto opacity-0 group-data-[active=true]/dropdown-menu-item:opacity-100"
                 />
               </DropdownMenuItem>
@@ -462,6 +467,7 @@ function BillingList() {
                         lucide="MoreHorizontalIcon"
                         tabler="IconDots"
                         hugeicons="MoreHorizontalCircle01Icon"
+                        phosphor="DotsThreeOutlineIcon"
                       />
                       <span className="sr-only">More options</span>
                     </Button>
@@ -604,6 +610,7 @@ function ActivateAgentDialog() {
                       lucide="CheckCircle2Icon"
                       tabler="IconCircleCheckFilled"
                       hugeicons="CheckmarkCircle02Icon"
+                      phosphor="CheckCircleIcon"
                       className="fill-primary text-primary-foreground size-5"
                     />
                   </ItemMedia>
@@ -620,6 +627,7 @@ function ActivateAgentDialog() {
                 lucide="CircleDollarSignIcon"
                 hugeicons="DollarCircleIcon"
                 tabler="IconCoin"
+                phosphor="CurrencyCircleDollarIcon"
               />
               <AlertDescription>
                 Pro teams get $100 in Vercel Agent trial credit for 2 weeks.
@@ -664,6 +672,7 @@ function ObservabilityCard() {
               lucide="PlusIcon"
               tabler="IconPlus"
               hugeicons="PlusSignIcon"
+              phosphor="PlusIcon"
               data-icon="inline-end"
             />
           </Button>
diff --git a/apps/v4/registry/bases/radix/examples/accordion-example.tsx b/apps/v4/registry/bases/radix/examples/accordion-example.tsx
index b803d6b7ae6..e16af723770 100644
--- a/apps/v4/registry/bases/radix/examples/accordion-example.tsx
+++ b/apps/v4/registry/bases/radix/examples/accordion-example.tsx
@@ -179,6 +179,7 @@ function AccordionInCard() {
               lucide="ArrowUpRightIcon"
               tabler="IconArrowUpRight"
               hugeicons="ArrowUpRight01Icon"
+              phosphor="ArrowUpRightIcon"
             />
           </Button>
         </>
diff --git a/apps/v4/registry/bases/radix/examples/alert-dialog-example.tsx b/apps/v4/registry/bases/radix/examples/alert-dialog-example.tsx
index 75b962be572..905528121ae 100644
--- a/apps/v4/registry/bases/radix/examples/alert-dialog-example.tsx
+++ b/apps/v4/registry/bases/radix/examples/alert-dialog-example.tsx
@@ -102,6 +102,7 @@ function AlertDialogWithMedia() {
                 lucide="BluetoothIcon"
                 tabler="IconBluetooth"
                 hugeicons="BluetoothIcon"
+                phosphor="BluetoothIcon"
               />
             </AlertDialogMedia>
             <AlertDialogTitle>Are you absolutely sure?</AlertDialogTitle>
@@ -134,6 +135,7 @@ function AlertDialogSmallWithMedia() {
                 lucide="BluetoothIcon"
                 tabler="IconBluetooth"
                 hugeicons="BluetoothIcon"
+                phosphor="BluetoothIcon"
               />
             </AlertDialogMedia>
             <AlertDialogTitle>Allow accessory to connect?</AlertDialogTitle>
@@ -165,6 +167,7 @@ function AlertDialogDestructive() {
                 lucide="Trash2Icon"
                 tabler="IconTrash"
                 hugeicons="Delete02Icon"
+                phosphor="TrashIcon"
               />
             </AlertDialogMedia>
             <AlertDialogTitle>Delete chat?</AlertDialogTitle>
diff --git a/apps/v4/registry/bases/radix/examples/alert-example.tsx b/apps/v4/registry/bases/radix/examples/alert-example.tsx
index a04098c5448..4549b07ce08 100644
--- a/apps/v4/registry/bases/radix/examples/alert-example.tsx
+++ b/apps/v4/registry/bases/radix/examples/alert-example.tsx
@@ -55,6 +55,7 @@ function AlertExample2() {
             lucide="CircleAlertIcon"
             tabler="IconExclamationCircle"
             hugeicons="AlertCircleIcon"
+            phosphor="WarningCircleIcon"
           />
           <AlertTitle>
             Let&apos;s try one with icon, title and a <a href="#">link</a>.
@@ -65,6 +66,7 @@ function AlertExample2() {
             lucide="CircleAlertIcon"
             tabler="IconExclamationCircle"
             hugeicons="AlertCircleIcon"
+            phosphor="WarningCircleIcon"
           />
           <AlertDescription>
             This one has an icon and a description only. No title.{" "}
@@ -77,6 +79,7 @@ function AlertExample2() {
             lucide="CircleAlertIcon"
             tabler="IconExclamationCircle"
             hugeicons="AlertCircleIcon"
+            phosphor="WarningCircleIcon"
           />
           <AlertTitle>Success! Your changes have been saved</AlertTitle>
           <AlertDescription>
@@ -88,6 +91,7 @@ function AlertExample2() {
             lucide="CircleAlertIcon"
             tabler="IconExclamationCircle"
             hugeicons="AlertCircleIcon"
+            phosphor="WarningCircleIcon"
           />
           <AlertTitle>
             This is a very long alert title that demonstrates how the component
@@ -100,6 +104,7 @@ function AlertExample2() {
             lucide="CircleAlertIcon"
             tabler="IconExclamationCircle"
             hugeicons="AlertCircleIcon"
+            phosphor="WarningCircleIcon"
           />
           <AlertDescription>
             This is a very long alert description that demonstrates how the
@@ -112,6 +117,7 @@ function AlertExample2() {
             lucide="CircleAlertIcon"
             tabler="IconExclamationCircle"
             hugeicons="AlertCircleIcon"
+            phosphor="WarningCircleIcon"
           />
           <AlertTitle>
             This is an extremely long alert title that spans multiple lines to
@@ -141,6 +147,7 @@ function AlertExample3() {
             lucide="CircleAlertIcon"
             tabler="IconExclamationCircle"
             hugeicons="AlertCircleIcon"
+            phosphor="WarningCircleIcon"
           />
           <AlertTitle>Something went wrong!</AlertTitle>
           <AlertDescription>
@@ -152,6 +159,7 @@ function AlertExample3() {
             lucide="CircleAlertIcon"
             tabler="IconExclamationCircle"
             hugeicons="AlertCircleIcon"
+            phosphor="WarningCircleIcon"
           />
           <AlertTitle>Unable to process your payment.</AlertTitle>
           <AlertDescription>
@@ -180,6 +188,7 @@ function AlertExample4() {
             lucide="CircleAlertIcon"
             tabler="IconExclamationCircle"
             hugeicons="AlertCircleIcon"
+            phosphor="WarningCircleIcon"
           />
           <AlertTitle>The selected emails have been marked as spam.</AlertTitle>
           <AlertAction>
@@ -191,6 +200,7 @@ function AlertExample4() {
             lucide="CircleAlertIcon"
             tabler="IconExclamationCircle"
             hugeicons="AlertCircleIcon"
+            phosphor="WarningCircleIcon"
           />
           <AlertTitle>The selected emails have been marked as spam.</AlertTitle>
           <AlertDescription>
diff --git a/apps/v4/registry/bases/radix/examples/avatar-example.tsx b/apps/v4/registry/bases/radix/examples/avatar-example.tsx
index c1073a4aa10..c96ef628001 100644
--- a/apps/v4/registry/bases/radix/examples/avatar-example.tsx
+++ b/apps/v4/registry/bases/radix/examples/avatar-example.tsx
@@ -129,6 +129,7 @@ function AvatarWithBadgeIcon() {
               lucide="PlusIcon"
               tabler="IconPlus"
               hugeicons="PlusSignIcon"
+              phosphor="PlusIcon"
             />
           </AvatarBadge>
         </Avatar>
@@ -143,6 +144,7 @@ function AvatarWithBadgeIcon() {
               lucide="PlusIcon"
               tabler="IconPlus"
               hugeicons="PlusSignIcon"
+              phosphor="PlusIcon"
             />
           </AvatarBadge>
         </Avatar>
@@ -157,6 +159,7 @@ function AvatarWithBadgeIcon() {
               lucide="PlusIcon"
               tabler="IconPlus"
               hugeicons="PlusSignIcon"
+              phosphor="PlusIcon"
             />
           </AvatarBadge>
         </Avatar>
@@ -169,6 +172,7 @@ function AvatarWithBadgeIcon() {
               lucide="CheckIcon"
               tabler="IconCheck"
               hugeicons="Tick02Icon"
+              phosphor="CheckIcon"
             />
           </AvatarBadge>
         </Avatar>
@@ -179,6 +183,7 @@ function AvatarWithBadgeIcon() {
               lucide="CheckIcon"
               tabler="IconCheck"
               hugeicons="Tick02Icon"
+              phosphor="CheckIcon"
             />
           </AvatarBadge>
         </Avatar>
@@ -189,6 +194,7 @@ function AvatarWithBadgeIcon() {
               lucide="CheckIcon"
               tabler="IconCheck"
               hugeicons="Tick02Icon"
+              phosphor="CheckIcon"
             />
           </AvatarBadge>
         </Avatar>
@@ -361,6 +367,7 @@ function AvatarGroupWithIconCount() {
             lucide="PlusIcon"
             tabler="IconPlus"
             hugeicons="PlusSignIcon"
+            phosphor="PlusIcon"
           />
         </AvatarGroupCount>
       </AvatarGroup>
@@ -388,6 +395,7 @@ function AvatarGroupWithIconCount() {
             lucide="PlusIcon"
             tabler="IconPlus"
             hugeicons="PlusSignIcon"
+            phosphor="PlusIcon"
           />
         </AvatarGroupCount>
       </AvatarGroup>
@@ -421,6 +429,7 @@ function AvatarGroupWithIconCount() {
             lucide="PlusIcon"
             tabler="IconPlus"
             hugeicons="PlusSignIcon"
+            phosphor="PlusIcon"
           />
         </AvatarGroupCount>
       </AvatarGroup>
@@ -464,6 +473,7 @@ function AvatarInEmpty() {
                   lucide="PlusIcon"
                   tabler="IconPlus"
                   hugeicons="PlusSignIcon"
+                  phosphor="PlusIcon"
                 />
               </AvatarGroupCount>
             </AvatarGroup>
@@ -479,6 +489,7 @@ function AvatarInEmpty() {
               lucide="PlusIcon"
               tabler="IconPlus"
               hugeicons="PlusSignIcon"
+              phosphor="PlusIcon"
             />
             Invite Members
           </Button>
diff --git a/apps/v4/registry/bases/radix/examples/badge-example.tsx b/apps/v4/registry/bases/radix/examples/badge-example.tsx
index e30a85896d3..b499da089eb 100644
--- a/apps/v4/registry/bases/radix/examples/badge-example.tsx
+++ b/apps/v4/registry/bases/radix/examples/badge-example.tsx
@@ -44,6 +44,7 @@ function BadgeWithIconLeft() {
             lucide="BadgeCheck"
             tabler="IconRosetteDiscountCheck"
             hugeicons="CheckmarkBadge02Icon"
+            phosphor="CheckCircleIcon"
             data-icon="inline-start"
           />
           Default
@@ -53,6 +54,7 @@ function BadgeWithIconLeft() {
             lucide="BadgeCheck"
             tabler="IconRosetteDiscountCheck"
             hugeicons="CheckmarkBadge02Icon"
+            phosphor="CheckCircleIcon"
             data-icon="inline-start"
           />
           Secondary
@@ -62,6 +64,7 @@ function BadgeWithIconLeft() {
             lucide="BadgeCheck"
             tabler="IconRosetteDiscountCheck"
             hugeicons="CheckmarkBadge02Icon"
+            phosphor="CheckCircleIcon"
             data-icon="inline-start"
           />
           Destructive
@@ -71,6 +74,7 @@ function BadgeWithIconLeft() {
             lucide="BadgeCheck"
             tabler="IconRosetteDiscountCheck"
             hugeicons="CheckmarkBadge02Icon"
+            phosphor="CheckCircleIcon"
             data-icon="inline-start"
           />
           Outline
@@ -80,6 +84,7 @@ function BadgeWithIconLeft() {
             lucide="BadgeCheck"
             tabler="IconRosetteDiscountCheck"
             hugeicons="CheckmarkBadge02Icon"
+            phosphor="CheckCircleIcon"
             data-icon="inline-start"
           />
           Ghost
@@ -89,6 +94,7 @@ function BadgeWithIconLeft() {
             lucide="BadgeCheck"
             tabler="IconRosetteDiscountCheck"
             hugeicons="CheckmarkBadge02Icon"
+            phosphor="CheckCircleIcon"
             data-icon="inline-start"
           />
           Link
@@ -108,6 +114,7 @@ function BadgeWithIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Badge>
@@ -117,6 +124,7 @@ function BadgeWithIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Badge>
@@ -126,6 +134,7 @@ function BadgeWithIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Badge>
@@ -135,6 +144,7 @@ function BadgeWithIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Badge>
@@ -144,6 +154,7 @@ function BadgeWithIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Badge>
@@ -153,6 +164,7 @@ function BadgeWithIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Badge>
@@ -205,6 +217,7 @@ function BadgeAsLink() {
               lucide="ArrowUpRightIcon"
               tabler="IconArrowUpRight"
               hugeicons="ArrowUpRightIcon"
+              phosphor="ArrowUpRightIcon"
               data-icon="inline-end"
             />
           </a>
@@ -216,6 +229,7 @@ function BadgeAsLink() {
               lucide="ArrowUpRightIcon"
               tabler="IconArrowUpRight"
               hugeicons="ArrowUpRightIcon"
+              phosphor="ArrowUpRightIcon"
               data-icon="inline-end"
             />
           </a>
@@ -227,6 +241,7 @@ function BadgeAsLink() {
               lucide="ArrowUpRightIcon"
               tabler="IconArrowUpRight"
               hugeicons="ArrowUpRightIcon"
+              phosphor="ArrowUpRightIcon"
               data-icon="inline-end"
             />
           </a>
@@ -238,6 +253,7 @@ function BadgeAsLink() {
               lucide="ArrowUpRightIcon"
               tabler="IconArrowUpRight"
               hugeicons="ArrowUpRightIcon"
+              phosphor="ArrowUpRightIcon"
               data-icon="inline-end"
             />
           </a>
@@ -249,6 +265,7 @@ function BadgeAsLink() {
               lucide="ArrowUpRightIcon"
               tabler="IconArrowRight"
               hugeicons="ArrowRight02Icon"
+              phosphor="ArrowUpRightIcon"
               data-icon="inline-end"
             />
           </a>
@@ -260,6 +277,7 @@ function BadgeAsLink() {
               lucide="ArrowUpRightIcon"
               tabler="IconArrowUpRight"
               hugeicons="ArrowRight02Icon"
+              phosphor="ArrowUpRightIcon"
               data-icon="inline-end"
             />
           </a>
diff --git a/apps/v4/registry/bases/radix/examples/button-example.tsx b/apps/v4/registry/bases/radix/examples/button-example.tsx
index 97650e4fbf6..d228fb8b5cb 100644
--- a/apps/v4/registry/bases/radix/examples/button-example.tsx
+++ b/apps/v4/registry/bases/radix/examples/button-example.tsx
@@ -97,6 +97,7 @@ function ButtonIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Button>
@@ -106,6 +107,7 @@ function ButtonIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Button>
@@ -115,6 +117,7 @@ function ButtonIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Button>
@@ -124,6 +127,7 @@ function ButtonIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Button>
@@ -133,6 +137,7 @@ function ButtonIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Button>
@@ -142,6 +147,7 @@ function ButtonIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Button>
@@ -153,6 +159,7 @@ function ButtonIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Button>
@@ -162,6 +169,7 @@ function ButtonIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Button>
@@ -171,6 +179,8 @@ function ButtonIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
+            data-icon="inline-end"
           />
         </Button>
         <Button size="sm" variant="ghost">
@@ -179,6 +189,7 @@ function ButtonIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Button>
@@ -188,6 +199,7 @@ function ButtonIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Button>
@@ -197,6 +209,7 @@ function ButtonIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Button>
@@ -208,6 +221,7 @@ function ButtonIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Button>
@@ -217,6 +231,7 @@ function ButtonIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Button>
@@ -226,6 +241,7 @@ function ButtonIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Button>
@@ -235,6 +251,7 @@ function ButtonIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Button>
@@ -244,6 +261,7 @@ function ButtonIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Button>
@@ -253,6 +271,7 @@ function ButtonIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Button>
@@ -264,6 +283,7 @@ function ButtonIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Button>
@@ -273,6 +293,7 @@ function ButtonIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Button>
@@ -282,6 +303,7 @@ function ButtonIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Button>
@@ -291,6 +313,7 @@ function ButtonIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Button>
@@ -300,6 +323,7 @@ function ButtonIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Button>
@@ -309,6 +333,7 @@ function ButtonIconRight() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Button>
@@ -326,6 +351,7 @@ function ButtonIconLeft() {
             lucide="ArrowLeftCircleIcon"
             hugeicons="CircleArrowLeft02Icon"
             tabler="IconCircleArrowLeft"
+            phosphor="ArrowCircleLeftIcon"
             data-icon="inline-start"
           />{" "}
           Default
@@ -335,6 +361,7 @@ function ButtonIconLeft() {
             lucide="ArrowLeftCircleIcon"
             hugeicons="CircleArrowLeft02Icon"
             tabler="IconCircleArrowLeft"
+            phosphor="ArrowCircleLeftIcon"
             data-icon="inline-start"
           />{" "}
           Secondary
@@ -344,6 +371,7 @@ function ButtonIconLeft() {
             lucide="ArrowLeftCircleIcon"
             hugeicons="CircleArrowLeft02Icon"
             tabler="IconCircleArrowLeft"
+            phosphor="ArrowCircleLeftIcon"
             data-icon="inline-start"
           />{" "}
           Outline
@@ -353,6 +381,7 @@ function ButtonIconLeft() {
             lucide="ArrowLeftCircleIcon"
             hugeicons="CircleArrowLeft02Icon"
             tabler="IconCircleArrowLeft"
+            phosphor="ArrowCircleLeftIcon"
             data-icon="inline-start"
           />{" "}
           Ghost
@@ -362,6 +391,7 @@ function ButtonIconLeft() {
             lucide="ArrowLeftCircleIcon"
             hugeicons="CircleArrowLeft02Icon"
             tabler="IconCircleArrowLeft"
+            phosphor="ArrowCircleLeftIcon"
             data-icon="inline-start"
           />{" "}
           Destructive
@@ -371,6 +401,7 @@ function ButtonIconLeft() {
             lucide="ArrowLeftCircleIcon"
             hugeicons="CircleArrowLeft02Icon"
             tabler="IconCircleArrowLeft"
+            phosphor="ArrowCircleLeftIcon"
             data-icon="inline-start"
           />{" "}
           Link
@@ -382,6 +413,7 @@ function ButtonIconLeft() {
             lucide="ArrowLeftCircleIcon"
             hugeicons="CircleArrowLeft02Icon"
             tabler="IconCircleArrowLeft"
+            phosphor="ArrowCircleLeftIcon"
             data-icon="inline-start"
           />{" "}
           Default
@@ -391,6 +423,7 @@ function ButtonIconLeft() {
             lucide="ArrowLeftCircleIcon"
             hugeicons="CircleArrowLeft02Icon"
             tabler="IconCircleArrowLeft"
+            phosphor="ArrowCircleLeftIcon"
             data-icon="inline-start"
           />{" "}
           Secondary
@@ -400,6 +433,7 @@ function ButtonIconLeft() {
             lucide="ArrowLeftCircleIcon"
             hugeicons="CircleArrowLeft02Icon"
             tabler="IconCircleArrowLeft"
+            phosphor="ArrowCircleLeftIcon"
             data-icon="inline-start"
           />{" "}
           Outline
@@ -409,6 +443,7 @@ function ButtonIconLeft() {
             lucide="ArrowLeftCircleIcon"
             hugeicons="CircleArrowLeft02Icon"
             tabler="IconCircleArrowLeft"
+            phosphor="ArrowCircleLeftIcon"
             data-icon="inline-start"
           />{" "}
           Ghost
@@ -418,6 +453,7 @@ function ButtonIconLeft() {
             lucide="ArrowLeftCircleIcon"
             hugeicons="CircleArrowLeft02Icon"
             tabler="IconCircleArrowLeft"
+            phosphor="ArrowCircleLeftIcon"
             data-icon="inline-start"
           />{" "}
           Destructive
@@ -427,6 +463,7 @@ function ButtonIconLeft() {
             lucide="ArrowLeftCircleIcon"
             hugeicons="CircleArrowLeft02Icon"
             tabler="IconCircleArrowLeft"
+            phosphor="ArrowCircleLeftIcon"
             data-icon="inline-start"
           />{" "}
           Link
@@ -438,6 +475,7 @@ function ButtonIconLeft() {
             lucide="ArrowLeftCircleIcon"
             hugeicons="CircleArrowLeft02Icon"
             tabler="IconCircleArrowLeft"
+            phosphor="ArrowCircleLeftIcon"
             data-icon="inline-start"
           />{" "}
           Default
@@ -447,6 +485,7 @@ function ButtonIconLeft() {
             lucide="ArrowLeftCircleIcon"
             hugeicons="CircleArrowLeft02Icon"
             tabler="IconCircleArrowLeft"
+            phosphor="ArrowCircleLeftIcon"
             data-icon="inline-start"
           />{" "}
           Secondary
@@ -456,6 +495,7 @@ function ButtonIconLeft() {
             lucide="ArrowLeftCircleIcon"
             hugeicons="CircleArrowLeft02Icon"
             tabler="IconCircleArrowLeft"
+            phosphor="ArrowCircleLeftIcon"
             data-icon="inline-start"
           />{" "}
           Outline
@@ -465,6 +505,7 @@ function ButtonIconLeft() {
             lucide="ArrowLeftCircleIcon"
             hugeicons="CircleArrowLeft02Icon"
             tabler="IconCircleArrowLeft"
+            phosphor="ArrowCircleLeftIcon"
             data-icon="inline-start"
           />{" "}
           Ghost
@@ -474,6 +515,7 @@ function ButtonIconLeft() {
             lucide="ArrowLeftCircleIcon"
             hugeicons="CircleArrowLeft02Icon"
             tabler="IconCircleArrowLeft"
+            phosphor="ArrowCircleLeftIcon"
             data-icon="inline-start"
           />{" "}
           Destructive
@@ -483,6 +525,7 @@ function ButtonIconLeft() {
             lucide="ArrowLeftCircleIcon"
             hugeicons="CircleArrowLeft02Icon"
             tabler="IconCircleArrowLeft"
+            phosphor="ArrowCircleLeftIcon"
             data-icon="inline-start"
           />{" "}
           Link
@@ -494,6 +537,7 @@ function ButtonIconLeft() {
             lucide="ArrowLeftCircleIcon"
             hugeicons="CircleArrowLeft02Icon"
             tabler="IconCircleArrowLeft"
+            phosphor="ArrowCircleLeftIcon"
             data-icon="inline-start"
           />{" "}
           Default
@@ -503,6 +547,7 @@ function ButtonIconLeft() {
             lucide="ArrowLeftCircleIcon"
             hugeicons="CircleArrowLeft02Icon"
             tabler="IconCircleArrowLeft"
+            phosphor="ArrowCircleLeftIcon"
             data-icon="inline-start"
           />{" "}
           Secondary
@@ -512,6 +557,7 @@ function ButtonIconLeft() {
             lucide="ArrowLeftCircleIcon"
             hugeicons="CircleArrowLeft02Icon"
             tabler="IconCircleArrowLeft"
+            phosphor="ArrowCircleLeftIcon"
             data-icon="inline-start"
           />{" "}
           Outline
@@ -521,6 +567,7 @@ function ButtonIconLeft() {
             lucide="ArrowLeftCircleIcon"
             hugeicons="CircleArrowLeft02Icon"
             tabler="IconCircleArrowLeft"
+            phosphor="ArrowCircleLeftIcon"
             data-icon="inline-start"
           />{" "}
           Ghost
@@ -530,6 +577,7 @@ function ButtonIconLeft() {
             lucide="ArrowLeftCircleIcon"
             hugeicons="CircleArrowLeft02Icon"
             tabler="IconCircleArrowLeft"
+            phosphor="ArrowCircleLeftIcon"
             data-icon="inline-start"
           />{" "}
           Destructive
@@ -539,6 +587,7 @@ function ButtonIconLeft() {
             lucide="ArrowLeftCircleIcon"
             hugeicons="CircleArrowLeft02Icon"
             tabler="IconCircleArrowLeft"
+            phosphor="ArrowCircleLeftIcon"
             data-icon="inline-start"
           />{" "}
           Link
@@ -557,6 +606,7 @@ function ButtonIconOnly() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
           />
         </Button>
         <Button size="icon-xs" variant="secondary">
@@ -564,6 +614,7 @@ function ButtonIconOnly() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
           />
         </Button>
         <Button size="icon-xs" variant="outline">
@@ -571,6 +622,7 @@ function ButtonIconOnly() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
           />
         </Button>
         <Button size="icon-xs" variant="ghost">
@@ -578,6 +630,7 @@ function ButtonIconOnly() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
           />
         </Button>
         <Button size="icon-xs" variant="destructive">
@@ -585,6 +638,7 @@ function ButtonIconOnly() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
           />
         </Button>
         <Button size="icon-xs" variant="link">
@@ -592,6 +646,7 @@ function ButtonIconOnly() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
           />
         </Button>
       </div>
@@ -601,6 +656,7 @@ function ButtonIconOnly() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
           />
         </Button>
         <Button size="icon-sm" variant="secondary">
@@ -608,6 +664,7 @@ function ButtonIconOnly() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
           />
         </Button>
         <Button size="icon-sm" variant="outline">
@@ -615,6 +672,7 @@ function ButtonIconOnly() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
           />
         </Button>
         <Button size="icon-sm" variant="ghost">
@@ -622,6 +680,7 @@ function ButtonIconOnly() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
           />
         </Button>
         <Button size="icon-sm" variant="destructive">
@@ -629,6 +688,7 @@ function ButtonIconOnly() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
           />
         </Button>
         <Button size="icon-sm" variant="link">
@@ -636,6 +696,7 @@ function ButtonIconOnly() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
           />
         </Button>
       </div>
@@ -645,6 +706,7 @@ function ButtonIconOnly() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
           />
         </Button>
         <Button size="icon" variant="secondary">
@@ -652,6 +714,7 @@ function ButtonIconOnly() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
           />
         </Button>
         <Button size="icon" variant="outline">
@@ -659,6 +722,7 @@ function ButtonIconOnly() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
           />
         </Button>
         <Button size="icon" variant="ghost">
@@ -666,6 +730,7 @@ function ButtonIconOnly() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
           />
         </Button>
         <Button size="icon" variant="destructive">
@@ -673,6 +738,7 @@ function ButtonIconOnly() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
           />
         </Button>
         <Button size="icon" variant="link">
@@ -680,6 +746,7 @@ function ButtonIconOnly() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
           />
         </Button>
       </div>
@@ -689,6 +756,7 @@ function ButtonIconOnly() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
           />
         </Button>
         <Button size="icon-lg" variant="secondary">
@@ -696,6 +764,7 @@ function ButtonIconOnly() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
           />
         </Button>
         <Button size="icon-lg" variant="outline">
@@ -703,6 +772,7 @@ function ButtonIconOnly() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
           />
         </Button>
         <Button size="icon-lg" variant="ghost">
@@ -710,6 +780,7 @@ function ButtonIconOnly() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
           />
         </Button>
         <Button size="icon-lg" variant="destructive">
@@ -717,6 +788,7 @@ function ButtonIconOnly() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
           />
         </Button>
         <Button size="icon-lg" variant="link">
@@ -724,6 +796,7 @@ function ButtonIconOnly() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight02Icon"
+            phosphor="ArrowRightIcon"
           />
         </Button>
       </div>
@@ -743,6 +816,7 @@ function ButtonExamples() {
               lucide="ArrowRightIcon"
               tabler="IconArrowRight"
               hugeicons="ArrowRight02Icon"
+              phosphor="ArrowRightIcon"
               data-icon="inline-end"
             />
           </Button>
@@ -754,6 +828,7 @@ function ButtonExamples() {
               lucide="ArrowRightIcon"
               tabler="IconArrowRight"
               hugeicons="ArrowRight02Icon"
+              phosphor="ArrowRightIcon"
               data-icon="inline-end"
             />
           </Button>
diff --git a/apps/v4/registry/bases/radix/examples/button-group-example.tsx b/apps/v4/registry/bases/radix/examples/button-group-example.tsx
index 6fd27c1441d..f94ba1e10f4 100644
--- a/apps/v4/registry/bases/radix/examples/button-group-example.tsx
+++ b/apps/v4/registry/bases/radix/examples/button-group-example.tsx
@@ -127,6 +127,7 @@ function ButtonGroupWithDropdown() {
                   lucide="ChevronDownIcon"
                   tabler="IconChevronDown"
                   hugeicons="ArrowDown01Icon"
+                  phosphor="CaretDownIcon"
                 />
               </Button>
             </DropdownMenuTrigger>
@@ -147,6 +148,7 @@ function ButtonGroupWithDropdown() {
                   lucide="ChevronDownIcon"
                   tabler="IconChevronDown"
                   hugeicons="ArrowDown01Icon"
+                  phosphor="CaretDownIcon"
                 />
               </Button>
             </DropdownMenuTrigger>
@@ -157,6 +159,7 @@ function ButtonGroupWithDropdown() {
                     lucide="VolumeOffIcon"
                     tabler="IconVolume"
                     hugeicons="VolumeOffIcon"
+                    phosphor="SpeakerSlashIcon"
                   />
                   Mute Conversation
                 </DropdownMenuItem>
@@ -165,6 +168,7 @@ function ButtonGroupWithDropdown() {
                     lucide="CheckIcon"
                     tabler="IconCheck"
                     hugeicons="Tick02Icon"
+                    phosphor="CheckIcon"
                   />
                   Mark as Read
                 </DropdownMenuItem>
@@ -173,6 +177,7 @@ function ButtonGroupWithDropdown() {
                     lucide="AlertTriangleIcon"
                     tabler="IconAlertTriangle"
                     hugeicons="AlertCircleIcon"
+                    phosphor="WarningIcon"
                   />
                   Report Conversation
                 </DropdownMenuItem>
@@ -181,6 +186,7 @@ function ButtonGroupWithDropdown() {
                     lucide="UserRoundXIcon"
                     tabler="IconUserX"
                     hugeicons="UserRemove01Icon"
+                    phosphor="UserMinusIcon"
                   />
                   Block User
                 </DropdownMenuItem>
@@ -189,6 +195,7 @@ function ButtonGroupWithDropdown() {
                     lucide="ShareIcon"
                     tabler="IconShare"
                     hugeicons="Share03Icon"
+                    phosphor="ShareIcon"
                   />
                   Share Conversation
                 </DropdownMenuItem>
@@ -197,6 +204,7 @@ function ButtonGroupWithDropdown() {
                     lucide="CopyIcon"
                     tabler="IconCopy"
                     hugeicons="Copy01Icon"
+                    phosphor="CopyIcon"
                   />
                   Copy Conversation
                 </DropdownMenuItem>
@@ -208,6 +216,7 @@ function ButtonGroupWithDropdown() {
                     lucide="TrashIcon"
                     tabler="IconTrash"
                     hugeicons="Delete02Icon"
+                    phosphor="TrashIcon"
                   />
                   Delete Conversation
                 </DropdownMenuItem>
@@ -244,6 +253,7 @@ function ButtonGroupWithSelect() {
               lucide="ArrowRightIcon"
               tabler="IconArrowRight"
               hugeicons="ArrowRight01Icon"
+              phosphor="ArrowRightIcon"
             />
           </Button>
         </ButtonGroup>
@@ -262,6 +272,7 @@ function ButtonGroupWithIcons() {
               lucide="FlipHorizontalIcon"
               tabler="IconFlipHorizontal"
               hugeicons="FlipHorizontalIcon"
+              phosphor="ArrowsHorizontalIcon"
             />
           </Button>
           <Button variant="outline">
@@ -269,6 +280,7 @@ function ButtonGroupWithIcons() {
               lucide="FlipVerticalIcon"
               tabler="IconFlipVertical"
               hugeicons="FlipVerticalIcon"
+              phosphor="ArrowsVerticalIcon"
             />
           </Button>
           <Button variant="outline">
@@ -276,6 +288,7 @@ function ButtonGroupWithIcons() {
               lucide="RotateCwIcon"
               tabler="IconRotateClockwise2"
               hugeicons="Rotate01Icon"
+              phosphor="ArrowClockwiseIcon"
             />
           </Button>
         </ButtonGroup>
@@ -298,6 +311,7 @@ function ButtonGroupWithInputGroup() {
               lucide="SearchIcon"
               tabler="IconSearch"
               hugeicons="Search01Icon"
+              phosphor="MagnifyingGlassIcon"
             />
           </InputGroupAddon>
         </InputGroup>
@@ -330,6 +344,7 @@ function ButtonGroupWithFields() {
                 lucide="MinusIcon"
                 tabler="IconMinus"
                 hugeicons="MinusSignIcon"
+                phosphor="MinusIcon"
               />
             </Button>
             <Button variant="outline" size="icon">
@@ -337,6 +352,7 @@ function ButtonGroupWithFields() {
                 lucide="PlusIcon"
                 tabler="IconPlus"
                 hugeicons="PlusSignIcon"
+                phosphor="PlusIcon"
               />
             </Button>
           </ButtonGroup>
@@ -355,6 +371,7 @@ function ButtonGroupWithLike() {
             lucide="HeartIcon"
             tabler="IconBell"
             hugeicons="Notification02Icon"
+            phosphor="HeartIcon"
             data-icon="inline-start"
           />{" "}
           Like
@@ -397,6 +414,7 @@ function ButtonGroupNested() {
               lucide="PlusIcon"
               tabler="IconPlus"
               hugeicons="PlusSignIcon"
+              phosphor="PlusIcon"
             />
           </Button>
         </ButtonGroup>
@@ -410,6 +428,7 @@ function ButtonGroupNested() {
                     lucide="AudioLinesIcon"
                     tabler="IconHeadphones"
                     hugeicons="AudioWave01Icon"
+                    phosphor="MicrophoneIcon"
                   />
                 </InputGroupAddon>
               </TooltipTrigger>
@@ -431,6 +450,7 @@ function ButtonGroupPagination() {
             lucide="ArrowLeftIcon"
             tabler="IconArrowLeft"
             hugeicons="ArrowLeft01Icon"
+            phosphor="ArrowLeftIcon"
             data-icon="inline-start"
           />
           Previous
@@ -456,6 +476,7 @@ function ButtonGroupPagination() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight01Icon"
+            phosphor="ArrowRightIcon"
             data-icon="inline-end"
           />
         </Button>
@@ -491,6 +512,7 @@ function ButtonGroupPaginationSplit() {
               lucide="ArrowLeftIcon"
               tabler="IconArrowLeft"
               hugeicons="ArrowLeft01Icon"
+              phosphor="ArrowLeftIcon"
             />
           </Button>
           <Button variant="outline" size="icon-xs">
@@ -498,6 +520,7 @@ function ButtonGroupPaginationSplit() {
               lucide="ArrowRightIcon"
               tabler="IconArrowRight"
               hugeicons="ArrowRight01Icon"
+              phosphor="ArrowRightIcon"
             />
           </Button>
         </ButtonGroup>
@@ -516,6 +539,7 @@ function ButtonGroupNavigation() {
               lucide="ArrowLeftIcon"
               tabler="IconArrowLeft"
               hugeicons="ArrowLeft01Icon"
+              phosphor="ArrowLeftIcon"
             />
           </Button>
           <Button variant="outline">
@@ -523,6 +547,7 @@ function ButtonGroupNavigation() {
               lucide="ArrowRightIcon"
               tabler="IconArrowRight"
               hugeicons="ArrowRight01Icon"
+              phosphor="ArrowRightIcon"
             />
           </Button>
         </ButtonGroup>
@@ -532,6 +557,7 @@ function ButtonGroupNavigation() {
               lucide="ArrowLeftIcon"
               tabler="IconArrowLeft"
               hugeicons="ArrowLeft01Icon"
+              phosphor="ArrowLeftIcon"
             />
           </Button>
         </ButtonGroup>
@@ -578,6 +604,7 @@ function ButtonGroupVertical() {
               lucide="PlusIcon"
               tabler="IconPlus"
               hugeicons="PlusSignIcon"
+              phosphor="PlusIcon"
             />
           </Button>
           <Button variant="outline" size="icon">
@@ -585,6 +612,7 @@ function ButtonGroupVertical() {
               lucide="MinusIcon"
               tabler="IconMinus"
               hugeicons="MinusSignIcon"
+              phosphor="MinusIcon"
             />
           </Button>
         </ButtonGroup>
@@ -603,6 +631,7 @@ function ButtonGroupVerticalNested() {
               lucide="SearchIcon"
               tabler="IconSearch"
               hugeicons="Search01Icon"
+              phosphor="MagnifyingGlassIcon"
             />
           </Button>
           <Button variant="outline" size="icon">
@@ -610,6 +639,7 @@ function ButtonGroupVerticalNested() {
               lucide="CopyIcon"
               tabler="IconCopy"
               hugeicons="Copy01Icon"
+              phosphor="CopyIcon"
             />
           </Button>
           <Button variant="outline" size="icon">
@@ -617,6 +647,7 @@ function ButtonGroupVerticalNested() {
               lucide="ShareIcon"
               tabler="IconShare"
               hugeicons="Share03Icon"
+              phosphor="ShareIcon"
             />
           </Button>
         </ButtonGroup>
@@ -626,6 +657,7 @@ function ButtonGroupVerticalNested() {
               lucide="FlipHorizontalIcon"
               tabler="IconFlipHorizontal"
               hugeicons="FlipHorizontalIcon"
+              phosphor="ArrowsHorizontalIcon"
             />
           </Button>
           <Button variant="outline" size="icon">
@@ -633,6 +665,7 @@ function ButtonGroupVerticalNested() {
               lucide="FlipVerticalIcon"
               tabler="IconFlipVertical"
               hugeicons="FlipVerticalIcon"
+              phosphor="ArrowsVerticalIcon"
             />
           </Button>
           <Button variant="outline" size="icon">
@@ -640,6 +673,7 @@ function ButtonGroupVerticalNested() {
               lucide="RotateCwIcon"
               tabler="IconRotateClockwise2"
               hugeicons="Rotate01Icon"
+              phosphor="ArrowClockwiseIcon"
             />
           </Button>
         </ButtonGroup>
@@ -649,6 +683,7 @@ function ButtonGroupVerticalNested() {
               lucide="TrashIcon"
               tabler="IconTrash"
               hugeicons="Delete02Icon"
+              phosphor="TrashIcon"
             />
           </Button>
         </ButtonGroup>
diff --git a/apps/v4/registry/bases/radix/examples/calendar-example.tsx b/apps/v4/registry/bases/radix/examples/calendar-example.tsx
index 73c1136f006..78572a00e1c 100644
--- a/apps/v4/registry/bases/radix/examples/calendar-example.tsx
+++ b/apps/v4/registry/bases/radix/examples/calendar-example.tsx
@@ -200,6 +200,7 @@ function CalendarWithTime() {
                     lucide="Clock2Icon"
                     tabler="IconClockHour2"
                     hugeicons="Clock03Icon"
+                    phosphor="ClockIcon"
                     className="text-muted-foreground"
                   />
                 </InputGroupAddon>
@@ -220,6 +221,7 @@ function CalendarWithTime() {
                     lucide="Clock2Icon"
                     tabler="IconClockHour2"
                     hugeicons="Clock03Icon"
+                    phosphor="ClockIcon"
                     className="text-muted-foreground"
                   />
                 </InputGroupAddon>
@@ -347,6 +349,7 @@ function DatePickerSimple() {
                 lucide="CalendarIcon"
                 tabler="IconCalendar"
                 hugeicons="CalendarIcon"
+                phosphor="CalendarBlankIcon"
                 data-icon="inline-start"
               />
               {date ? format(date, "PPP") : <span>Pick a date</span>}
@@ -382,6 +385,7 @@ function DatePickerWithRange() {
                 lucide="CalendarIcon"
                 tabler="IconCalendar"
                 hugeicons="CalendarIcon"
+                phosphor="CalendarBlankIcon"
                 data-icon="inline-start"
               />
               {date?.from ? (
@@ -435,6 +439,7 @@ function DataPickerWithDropdowns() {
                 lucide="ChevronDownIcon"
                 tabler="IconChevronDown"
                 hugeicons="ArrowDownIcon"
+                phosphor="CaretDownIcon"
                 data-icon="inline-start"
                 className="ml-auto"
               />
diff --git a/apps/v4/registry/bases/radix/examples/card-example.tsx b/apps/v4/registry/bases/radix/examples/card-example.tsx
index 5186f1d3835..84fdd66c416 100644
--- a/apps/v4/registry/bases/radix/examples/card-example.tsx
+++ b/apps/v4/registry/bases/radix/examples/card-example.tsx
@@ -113,6 +113,7 @@ function CardMeetingNotes() {
                 lucide="CaptionsIcon"
                 tabler="IconTextCaption"
                 hugeicons="TextCheckIcon"
+                phosphor="TextTIcon"
                 data-icon="inline-start"
               />
               Transcribe
@@ -183,6 +184,7 @@ function CardWithImage() {
               lucide="PlusIcon"
               tabler="IconPlus"
               hugeicons="Add01Icon"
+              phosphor="PlusIcon"
               data-icon="inline-start"
             />
             Button
@@ -216,6 +218,7 @@ function CardWithImageSmall() {
               lucide="PlusIcon"
               tabler="IconPlus"
               hugeicons="Add01Icon"
+              phosphor="PlusIcon"
               data-icon="inline-start"
             />
             Button
diff --git a/apps/v4/registry/bases/radix/examples/chart-example.tsx b/apps/v4/registry/bases/radix/examples/chart-example.tsx
index ecb1ea51981..5d889fb4b41 100644
--- a/apps/v4/registry/bases/radix/examples/chart-example.tsx
+++ b/apps/v4/registry/bases/radix/examples/chart-example.tsx
@@ -121,6 +121,7 @@ function ChartAreaExample() {
                   lucide="TrendingUpIcon"
                   tabler="IconTrendingUp"
                   hugeicons="ChartUpIcon"
+                  phosphor="TrendUpIcon"
                   className="size-4"
                 />
               </div>
@@ -190,6 +191,7 @@ function ChartBarExample() {
               lucide="TrendingUpIcon"
               tabler="IconTrendingUp"
               hugeicons="ChartUpIcon"
+              phosphor="TrendUpIcon"
               className="size-4"
             />
           </div>
@@ -275,6 +277,7 @@ function ChartLineExample() {
                   lucide="TrendingUpIcon"
                   tabler="IconTrendingUp"
                   hugeicons="ChartUpIcon"
+                  phosphor="TrendUpIcon"
                   className="size-4"
                 />
               </div>
@@ -392,6 +395,7 @@ function ChartPieExample() {
               lucide="TrendingUpIcon"
               tabler="IconTrendingUp"
               hugeicons="ChartUpIcon"
+              phosphor="TrendUpIcon"
               className="size-4"
             />
           </div>
@@ -462,6 +466,7 @@ function ChartRadarExample() {
               lucide="TrendingUpIcon"
               tabler="IconTrendingUp"
               hugeicons="ChartUpIcon"
+              phosphor="TrendUpIcon"
               className="size-4"
             />
           </div>
@@ -556,6 +561,7 @@ function ChartRadialExample() {
               lucide="TrendingUpIcon"
               tabler="IconTrendingUp"
               hugeicons="ChartUpIcon"
+              phosphor="TrendUpIcon"
               className="size-4"
             />
           </div>
diff --git a/apps/v4/registry/bases/radix/examples/collapsible-example.tsx b/apps/v4/registry/bases/radix/examples/collapsible-example.tsx
index 17e7c0d1f61..2f03716dd81 100644
--- a/apps/v4/registry/bases/radix/examples/collapsible-example.tsx
+++ b/apps/v4/registry/bases/radix/examples/collapsible-example.tsx
@@ -102,12 +102,14 @@ function CollapsibleFileTree() {
                 lucide="ChevronRightIcon"
                 tabler="IconChevronRight"
                 hugeicons="ArrowRight01Icon"
+                phosphor="CaretRightIcon"
                 className="transition-transform group-data-[state=open]:rotate-90"
               />
               <IconPlaceholder
                 lucide="FolderIcon"
                 tabler="IconFolder"
                 hugeicons="Folder01Icon"
+                phosphor="FolderIcon"
               />
               {fileItem.name}
             </Button>
@@ -131,6 +133,7 @@ function CollapsibleFileTree() {
           lucide="FileIcon"
           tabler="IconFile"
           hugeicons="File01Icon"
+          phosphor="FileIcon"
         />
         <span>{fileItem.name}</span>
       </Button>
@@ -211,12 +214,14 @@ function CollapsibleSettings() {
                     lucide="MinimizeIcon"
                     tabler="IconMinimize"
                     hugeicons="MinusSignIcon"
+                    phosphor="MinusIcon"
                   />
                 ) : (
                   <IconPlaceholder
                     lucide="MaximizeIcon"
                     tabler="IconMaximize"
                     hugeicons="PlusSignIcon"
+                    phosphor="PlusIcon"
                   />
                 )}
               </Button>
diff --git a/apps/v4/registry/bases/radix/examples/combobox-example.tsx b/apps/v4/registry/bases/radix/examples/combobox-example.tsx
index bd7de12fabc..d077e5c3758 100644
--- a/apps/v4/registry/bases/radix/examples/combobox-example.tsx
+++ b/apps/v4/registry/bases/radix/examples/combobox-example.tsx
@@ -810,6 +810,7 @@ function ComboxboxInputAddon() {
               lucide="GlobeIcon"
               tabler="IconGlobe"
               hugeicons="Globe02Icon"
+              phosphor="GlobeIcon"
             />
           </InputGroupAddon>
         </ComboboxInput>
@@ -1198,6 +1199,7 @@ function ComboboxWithOtherInputs() {
           lucide="ChevronDownIcon"
           tabler="IconSelector"
           hugeicons="UnfoldMoreIcon"
+          phosphor="CaretDownIcon"
         />
       </Button>
       <Input placeholder="Select a framework" className="w-52" />
@@ -1208,6 +1210,7 @@ function ComboboxWithOtherInputs() {
             lucide="ChevronDownIcon"
             tabler="IconSelector"
             hugeicons="UnfoldMoreIcon"
+            phosphor="CaretDownIcon"
           />
         </InputGroupAddon>
       </InputGroup>
diff --git a/apps/v4/registry/bases/radix/examples/command-example.tsx b/apps/v4/registry/bases/radix/examples/command-example.tsx
index 97b5cc09c74..bdc8bae0cfa 100644
--- a/apps/v4/registry/bases/radix/examples/command-example.tsx
+++ b/apps/v4/registry/bases/radix/examples/command-example.tsx
@@ -86,6 +86,7 @@ function CommandWithShortcuts() {
                     lucide="UserIcon"
                     tabler="IconUser"
                     hugeicons="UserIcon"
+                    phosphor="UserIcon"
                   />
                   <span>Profile</span>
                   <CommandShortcut>⌘P</CommandShortcut>
@@ -95,6 +96,7 @@ function CommandWithShortcuts() {
                     lucide="CreditCardIcon"
                     tabler="IconCreditCard"
                     hugeicons="CreditCardIcon"
+                    phosphor="CreditCardIcon"
                   />
                   <span>Billing</span>
                   <CommandShortcut>⌘B</CommandShortcut>
@@ -104,6 +106,7 @@ function CommandWithShortcuts() {
                     lucide="SettingsIcon"
                     tabler="IconSettings"
                     hugeicons="SettingsIcon"
+                    phosphor="GearIcon"
                   />
                   <span>Settings</span>
                   <CommandShortcut>⌘S</CommandShortcut>
@@ -141,6 +144,7 @@ function CommandWithGroups() {
                     lucide="CalendarIcon"
                     tabler="IconCalendar"
                     hugeicons="CalendarIcon"
+                    phosphor="CalendarBlankIcon"
                   />
                   <span>Calendar</span>
                 </CommandItem>
@@ -149,6 +153,7 @@ function CommandWithGroups() {
                     lucide="SmileIcon"
                     tabler="IconMoodSmile"
                     hugeicons="SmileIcon"
+                    phosphor="SmileyIcon"
                   />
                   <span>Search Emoji</span>
                 </CommandItem>
@@ -157,6 +162,7 @@ function CommandWithGroups() {
                     lucide="CalculatorIcon"
                     tabler="IconCalculator"
                     hugeicons="CalculatorIcon"
+                    phosphor="CalculatorIcon"
                   />
                   <span>Calculator</span>
                 </CommandItem>
@@ -168,6 +174,7 @@ function CommandWithGroups() {
                     lucide="UserIcon"
                     tabler="IconUser"
                     hugeicons="UserIcon"
+                    phosphor="UserIcon"
                   />
                   <span>Profile</span>
                   <CommandShortcut>⌘P</CommandShortcut>
@@ -177,6 +184,7 @@ function CommandWithGroups() {
                     lucide="CreditCardIcon"
                     tabler="IconCreditCard"
                     hugeicons="CreditCardIcon"
+                    phosphor="CreditCardIcon"
                   />
                   <span>Billing</span>
                   <CommandShortcut>⌘B</CommandShortcut>
@@ -186,6 +194,7 @@ function CommandWithGroups() {
                     lucide="SettingsIcon"
                     tabler="IconSettings"
                     hugeicons="SettingsIcon"
+                    phosphor="GearIcon"
                   />
                   <span>Settings</span>
                   <CommandShortcut>⌘S</CommandShortcut>
@@ -223,6 +232,7 @@ function CommandManyItems() {
                     lucide="HomeIcon"
                     tabler="IconHome"
                     hugeicons="HomeIcon"
+                    phosphor="HouseIcon"
                   />
                   <span>Home</span>
                   <CommandShortcut>⌘H</CommandShortcut>
@@ -232,6 +242,7 @@ function CommandManyItems() {
                     lucide="InboxIcon"
                     tabler="IconInbox"
                     hugeicons="InboxIcon"
+                    phosphor="TrayIcon"
                   />
                   <span>Inbox</span>
                   <CommandShortcut>⌘I</CommandShortcut>
@@ -241,6 +252,7 @@ function CommandManyItems() {
                     lucide="FileTextIcon"
                     tabler="IconFileText"
                     hugeicons="File02Icon"
+                    phosphor="FileTextIcon"
                   />
                   <span>Documents</span>
                   <CommandShortcut>⌘D</CommandShortcut>
@@ -250,6 +262,7 @@ function CommandManyItems() {
                     lucide="FolderIcon"
                     tabler="IconFolder"
                     hugeicons="FolderIcon"
+                    phosphor="FolderIcon"
                   />
                   <span>Folders</span>
                   <CommandShortcut>⌘F</CommandShortcut>
@@ -262,6 +275,7 @@ function CommandManyItems() {
                     lucide="PlusIcon"
                     tabler="IconPlus"
                     hugeicons="PlusSignIcon"
+                    phosphor="PlusIcon"
                   />
                   <span>New File</span>
                   <CommandShortcut>⌘N</CommandShortcut>
@@ -271,6 +285,7 @@ function CommandManyItems() {
                     lucide="FolderPlusIcon"
                     tabler="IconFolderPlus"
                     hugeicons="FolderAddIcon"
+                    phosphor="FolderPlusIcon"
                   />
                   <span>New Folder</span>
                   <CommandShortcut>⇧⌘N</CommandShortcut>
@@ -280,6 +295,7 @@ function CommandManyItems() {
                     lucide="CopyIcon"
                     tabler="IconCopy"
                     hugeicons="CopyIcon"
+                    phosphor="CopyIcon"
                   />
                   <span>Copy</span>
                   <CommandShortcut>⌘C</CommandShortcut>
@@ -289,6 +305,7 @@ function CommandManyItems() {
                     lucide="ScissorsIcon"
                     tabler="IconCut"
                     hugeicons="ScissorIcon"
+                    phosphor="ScissorsIcon"
                   />
                   <span>Cut</span>
                   <CommandShortcut>⌘X</CommandShortcut>
@@ -298,6 +315,7 @@ function CommandManyItems() {
                     lucide="ClipboardPasteIcon"
                     tabler="IconClipboard"
                     hugeicons="ClipboardIcon"
+                    phosphor="ClipboardIcon"
                   />
                   <span>Paste</span>
                   <CommandShortcut>⌘V</CommandShortcut>
@@ -307,6 +325,7 @@ function CommandManyItems() {
                     lucide="TrashIcon"
                     tabler="IconTrash"
                     hugeicons="DeleteIcon"
+                    phosphor="TrashIcon"
                   />
                   <span>Delete</span>
                   <CommandShortcut>⌫</CommandShortcut>
@@ -319,6 +338,7 @@ function CommandManyItems() {
                     lucide="LayoutGridIcon"
                     tabler="IconLayoutGrid"
                     hugeicons="GridIcon"
+                    phosphor="GridFourIcon"
                   />
                   <span>Grid View</span>
                 </CommandItem>
@@ -327,6 +347,7 @@ function CommandManyItems() {
                     lucide="ListIcon"
                     tabler="IconList"
                     hugeicons="Menu05Icon"
+                    phosphor="ListIcon"
                   />
                   <span>List View</span>
                 </CommandItem>
@@ -335,6 +356,7 @@ function CommandManyItems() {
                     lucide="ZoomInIcon"
                     tabler="IconZoomIn"
                     hugeicons="ZoomInAreaIcon"
+                    phosphor="MagnifyingGlassMinusIcon"
                   />
                   <span>Zoom In</span>
                   <CommandShortcut>⌘+</CommandShortcut>
@@ -344,6 +366,7 @@ function CommandManyItems() {
                     lucide="ZoomOutIcon"
                     tabler="IconZoomOut"
                     hugeicons="ZoomOutAreaIcon"
+                    phosphor="MagnifyingGlassPlusIcon"
                   />
                   <span>Zoom Out</span>
                   <CommandShortcut>⌘-</CommandShortcut>
@@ -356,6 +379,7 @@ function CommandManyItems() {
                     lucide="UserIcon"
                     tabler="IconUser"
                     hugeicons="UserIcon"
+                    phosphor="UserIcon"
                   />
                   <span>Profile</span>
                   <CommandShortcut>⌘P</CommandShortcut>
@@ -365,6 +389,7 @@ function CommandManyItems() {
                     lucide="CreditCardIcon"
                     tabler="IconCreditCard"
                     hugeicons="CreditCardIcon"
+                    phosphor="CreditCardIcon"
                   />
                   <span>Billing</span>
                   <CommandShortcut>⌘B</CommandShortcut>
@@ -374,6 +399,7 @@ function CommandManyItems() {
                     lucide="SettingsIcon"
                     tabler="IconSettings"
                     hugeicons="SettingsIcon"
+                    phosphor="GearIcon"
                   />
                   <span>Settings</span>
                   <CommandShortcut>⌘S</CommandShortcut>
@@ -383,6 +409,7 @@ function CommandManyItems() {
                     lucide="BellIcon"
                     tabler="IconBell"
                     hugeicons="NotificationIcon"
+                    phosphor="BellIcon"
                   />
                   <span>Notifications</span>
                 </CommandItem>
@@ -391,6 +418,7 @@ function CommandManyItems() {
                     lucide="HelpCircleIcon"
                     tabler="IconHelpCircle"
                     hugeicons="HelpCircleIcon"
+                    phosphor="QuestionIcon"
                   />
                   <span>Help & Support</span>
                 </CommandItem>
@@ -402,6 +430,7 @@ function CommandManyItems() {
                     lucide="CalculatorIcon"
                     tabler="IconCalculator"
                     hugeicons="CalculatorIcon"
+                    phosphor="CalculatorIcon"
                   />
                   <span>Calculator</span>
                 </CommandItem>
@@ -410,6 +439,7 @@ function CommandManyItems() {
                     lucide="CalendarIcon"
                     tabler="IconCalendar"
                     hugeicons="CalendarIcon"
+                    phosphor="CalendarBlankIcon"
                   />
                   <span>Calendar</span>
                 </CommandItem>
@@ -418,6 +448,7 @@ function CommandManyItems() {
                     lucide="ImageIcon"
                     tabler="IconPhoto"
                     hugeicons="ImageIcon"
+                    phosphor="ImageIcon"
                   />
                   <span>Image Editor</span>
                 </CommandItem>
@@ -426,6 +457,7 @@ function CommandManyItems() {
                     lucide="CodeIcon"
                     tabler="IconCode"
                     hugeicons="CodeIcon"
+                    phosphor="CodeIcon"
                   />
                   <span>Code Editor</span>
                 </CommandItem>
diff --git a/apps/v4/registry/bases/radix/examples/component-example.tsx b/apps/v4/registry/bases/radix/examples/component-example.tsx
index ea0b820296c..29c3979fc21 100644
--- a/apps/v4/registry/bases/radix/examples/component-example.tsx
+++ b/apps/v4/registry/bases/radix/examples/component-example.tsx
@@ -103,6 +103,7 @@ function CardExample() {
                   lucide="PlusIcon"
                   tabler="IconPlus"
                   hugeicons="PlusSignIcon"
+                  phosphor="PlusIcon"
                   data-icon="inline-start"
                 />
                 Show Dialog
@@ -115,6 +116,7 @@ function CardExample() {
                     lucide="BluetoothIcon"
                     tabler="IconBluetooth"
                     hugeicons="BluetoothIcon"
+                    phosphor="BluetoothIcon"
                   />
                 </AlertDialogMedia>
                 <AlertDialogTitle>Allow accessory to connect?</AlertDialogTitle>
@@ -164,11 +166,12 @@ function FormExample() {
             <DropdownMenu>
               <DropdownMenuTrigger asChild>
                 <Button variant="ghost" size="icon">
-                  <IconPlaceholder
-                    lucide="MoreVerticalIcon"
-                    tabler="IconDotsVertical"
-                    hugeicons="MoreVerticalCircle01Icon"
-                  />
+                    <IconPlaceholder
+                      lucide="MoreVerticalIcon"
+                      tabler="IconDotsVertical"
+                      hugeicons="MoreVerticalCircle01Icon"
+                      phosphor="DotsThreeVerticalIcon"
+                    />
                   <span className="sr-only">More options</span>
                 </Button>
               </DropdownMenuTrigger>
@@ -180,6 +183,7 @@ function FormExample() {
                       lucide="FileIcon"
                       tabler="IconFile"
                       hugeicons="FileIcon"
+                      phosphor="FileIcon"
                     />
                     New File
                     <DropdownMenuShortcut>⌘N</DropdownMenuShortcut>
@@ -189,6 +193,7 @@ function FormExample() {
                       lucide="FolderIcon"
                       tabler="IconFolder"
                       hugeicons="FolderIcon"
+                      phosphor="FolderIcon"
                     />
                     New Folder
                     <DropdownMenuShortcut>⇧⌘N</DropdownMenuShortcut>
@@ -199,6 +204,7 @@ function FormExample() {
                         lucide="FolderOpenIcon"
                         tabler="IconFolderOpen"
                         hugeicons="FolderOpenIcon"
+                        phosphor="FolderOpenIcon"
                       />
                       Open Recent
                     </DropdownMenuSubTrigger>
@@ -211,6 +217,7 @@ function FormExample() {
                               lucide="FileCodeIcon"
                               tabler="IconFileCode"
                               hugeicons="CodeIcon"
+                              phosphor="CodeIcon"
                             />
                             Project Alpha
                           </DropdownMenuItem>
@@ -219,6 +226,7 @@ function FormExample() {
                               lucide="FileCodeIcon"
                               tabler="IconFileCode"
                               hugeicons="CodeIcon"
+                              phosphor="CodeIcon"
                             />
                             Project Beta
                           </DropdownMenuItem>
@@ -228,6 +236,7 @@ function FormExample() {
                                 lucide="MoreHorizontalIcon"
                                 tabler="IconDots"
                                 hugeicons="MoreHorizontalCircle01Icon"
+                                phosphor="DotsThreeOutlineIcon"
                               />
                               More Projects
                             </DropdownMenuSubTrigger>
@@ -238,6 +247,7 @@ function FormExample() {
                                     lucide="FileCodeIcon"
                                     tabler="IconFileCode"
                                     hugeicons="CodeIcon"
+                                    phosphor="CodeIcon"
                                   />
                                   Project Gamma
                                 </DropdownMenuItem>
@@ -246,6 +256,7 @@ function FormExample() {
                                     lucide="FileCodeIcon"
                                     tabler="IconFileCode"
                                     hugeicons="CodeIcon"
+                                    phosphor="CodeIcon"
                                   />
                                   Project Delta
                                 </DropdownMenuItem>
@@ -260,6 +271,7 @@ function FormExample() {
                               lucide="FolderSearchIcon"
                               tabler="IconFolderSearch"
                               hugeicons="SearchIcon"
+                              phosphor="MagnifyingGlassIcon"
                             />
                             Browse...
                           </DropdownMenuItem>
@@ -273,6 +285,7 @@ function FormExample() {
                       lucide="SaveIcon"
                       tabler="IconDeviceFloppy"
                       hugeicons="FloppyDiskIcon"
+                      phosphor="FloppyDiskIcon"
                     />
                     Save
                     <DropdownMenuShortcut>⌘S</DropdownMenuShortcut>
@@ -282,6 +295,7 @@ function FormExample() {
                       lucide="DownloadIcon"
                       tabler="IconDownload"
                       hugeicons="DownloadIcon"
+                      phosphor="DownloadIcon"
                     />
                     Export
                     <DropdownMenuShortcut>⇧⌘E</DropdownMenuShortcut>
@@ -303,6 +317,7 @@ function FormExample() {
                       lucide="EyeIcon"
                       tabler="IconEye"
                       hugeicons="EyeIcon"
+                      phosphor="EyeIcon"
                     />
                     Show Sidebar
                   </DropdownMenuCheckboxItem>
@@ -319,6 +334,7 @@ function FormExample() {
                       lucide="LayoutIcon"
                       tabler="IconLayout"
                       hugeicons="LayoutIcon"
+                      phosphor="LayoutIcon"
                     />
                     Show Status Bar
                   </DropdownMenuCheckboxItem>
@@ -328,6 +344,7 @@ function FormExample() {
                         lucide="PaletteIcon"
                         tabler="IconPalette"
                         hugeicons="PaintBoardIcon"
+                        phosphor="PaletteIcon"
                       />
                       Theme
                     </DropdownMenuSubTrigger>
@@ -344,6 +361,7 @@ function FormExample() {
                                 lucide="SunIcon"
                                 tabler="IconSun"
                                 hugeicons="SunIcon"
+                                phosphor="SunIcon"
                               />
                               Light
                             </DropdownMenuRadioItem>
@@ -352,6 +370,7 @@ function FormExample() {
                                 lucide="MoonIcon"
                                 tabler="IconMoon"
                                 hugeicons="MoonIcon"
+                                phosphor="MoonIcon"
                               />
                               Dark
                             </DropdownMenuRadioItem>
@@ -360,6 +379,7 @@ function FormExample() {
                                 lucide="MonitorIcon"
                                 tabler="IconDeviceDesktop"
                                 hugeicons="ComputerIcon"
+                                phosphor="MonitorIcon"
                               />
                               System
                             </DropdownMenuRadioItem>
@@ -377,6 +397,7 @@ function FormExample() {
                       lucide="UserIcon"
                       tabler="IconUser"
                       hugeicons="UserIcon"
+                      phosphor="UserIcon"
                     />
                     Profile
                     <DropdownMenuShortcut>⇧⌘P</DropdownMenuShortcut>
@@ -386,6 +407,7 @@ function FormExample() {
                       lucide="CreditCardIcon"
                       tabler="IconCreditCard"
                       hugeicons="CreditCardIcon"
+                      phosphor="CreditCardIcon"
                     />
                     Billing
                   </DropdownMenuItem>
@@ -395,6 +417,7 @@ function FormExample() {
                         lucide="SettingsIcon"
                         tabler="IconSettings"
                         hugeicons="SettingsIcon"
+                        phosphor="GearIcon"
                       />
                       Settings
                     </DropdownMenuSubTrigger>
@@ -407,6 +430,7 @@ function FormExample() {
                               lucide="KeyboardIcon"
                               tabler="IconKeyboard"
                               hugeicons="KeyboardIcon"
+                              phosphor="KeyboardIcon"
                             />
                             Keyboard Shortcuts
                           </DropdownMenuItem>
@@ -415,6 +439,7 @@ function FormExample() {
                               lucide="LanguagesIcon"
                               tabler="IconLanguage"
                               hugeicons="LanguageCircleIcon"
+                              phosphor="TranslateIcon"
                             />
                             Language
                           </DropdownMenuItem>
@@ -424,6 +449,7 @@ function FormExample() {
                                 lucide="BellIcon"
                                 tabler="IconBell"
                                 hugeicons="NotificationIcon"
+                                phosphor="BellIcon"
                               />
                               Notifications
                             </DropdownMenuSubTrigger>
@@ -446,6 +472,7 @@ function FormExample() {
                                       lucide="BellIcon"
                                       tabler="IconBell"
                                       hugeicons="NotificationIcon"
+                                      phosphor="BellIcon"
                                     />
                                     Push Notifications
                                   </DropdownMenuCheckboxItem>
@@ -462,6 +489,7 @@ function FormExample() {
                                       lucide="MailIcon"
                                       tabler="IconMail"
                                       hugeicons="MailIcon"
+                                      phosphor="EnvelopeIcon"
                                     />
                                     Email Notifications
                                   </DropdownMenuCheckboxItem>
@@ -477,6 +505,7 @@ function FormExample() {
                               lucide="ShieldIcon"
                               tabler="IconShield"
                               hugeicons="ShieldIcon"
+                              phosphor="ShieldIcon"
                             />
                             Privacy & Security
                           </DropdownMenuItem>
@@ -492,6 +521,7 @@ function FormExample() {
                       lucide="HelpCircleIcon"
                       tabler="IconHelpCircle"
                       hugeicons="HelpCircleIcon"
+                      phosphor="QuestionIcon"
                     />
                     Help & Support
                   </DropdownMenuItem>
@@ -500,6 +530,7 @@ function FormExample() {
                       lucide="FileTextIcon"
                       tabler="IconFileText"
                       hugeicons="File01Icon"
+                      phosphor="FileTextIcon"
                     />
                     Documentation
                   </DropdownMenuItem>
@@ -511,6 +542,7 @@ function FormExample() {
                       lucide="LogOutIcon"
                       tabler="IconLogout"
                       hugeicons="LogoutIcon"
+                      phosphor="SignOutIcon"
                     />
                     Sign Out
                     <DropdownMenuShortcut>⇧⌘Q</DropdownMenuShortcut>
diff --git a/apps/v4/registry/bases/radix/examples/context-menu-example.tsx b/apps/v4/registry/bases/radix/examples/context-menu-example.tsx
index 99a569e6029..c61333ce79e 100644
--- a/apps/v4/registry/bases/radix/examples/context-menu-example.tsx
+++ b/apps/v4/registry/bases/radix/examples/context-menu-example.tsx
@@ -83,6 +83,7 @@ function ContextMenuWithIcons() {
                 lucide="CopyIcon"
                 tabler="IconCopy"
                 hugeicons="CopyIcon"
+                phosphor="CopyIcon"
               />
               Copy
             </ContextMenuItem>
@@ -91,6 +92,7 @@ function ContextMenuWithIcons() {
                 lucide="ScissorsIcon"
                 tabler="IconCut"
                 hugeicons="ScissorIcon"
+                phosphor="ScissorsIcon"
               />
               Cut
             </ContextMenuItem>
@@ -99,6 +101,7 @@ function ContextMenuWithIcons() {
                 lucide="ClipboardPasteIcon"
                 tabler="IconClipboard"
                 hugeicons="ClipboardIcon"
+                phosphor="ClipboardIcon"
               />
               Paste
             </ContextMenuItem>
@@ -110,6 +113,7 @@ function ContextMenuWithIcons() {
                 lucide="TrashIcon"
                 tabler="IconTrash"
                 hugeicons="DeleteIcon"
+                phosphor="TrashIcon"
               />
               Delete
             </ContextMenuItem>
@@ -351,6 +355,7 @@ function ContextMenuWithDestructive() {
                 lucide="PencilIcon"
                 tabler="IconPencil"
                 hugeicons="EditIcon"
+                phosphor="PencilIcon"
               />
               Edit
             </ContextMenuItem>
@@ -359,6 +364,7 @@ function ContextMenuWithDestructive() {
                 lucide="ShareIcon"
                 tabler="IconShare"
                 hugeicons="ShareIcon"
+                phosphor="ShareIcon"
               />
               Share
             </ContextMenuItem>
@@ -370,6 +376,7 @@ function ContextMenuWithDestructive() {
                 lucide="ArchiveIcon"
                 tabler="IconArchive"
                 hugeicons="Archive02Icon"
+                phosphor="ArchiveIcon"
               />
               Archive
             </ContextMenuItem>
@@ -378,6 +385,7 @@ function ContextMenuWithDestructive() {
                 lucide="TrashIcon"
                 tabler="IconTrash"
                 hugeicons="DeleteIcon"
+                phosphor="TrashIcon"
               />
               Delete
             </ContextMenuItem>
@@ -470,6 +478,7 @@ function ContextMenuInDialog() {
                     lucide="CopyIcon"
                     tabler="IconCopy"
                     hugeicons="CopyIcon"
+                    phosphor="CopyIcon"
                   />
                   Copy
                 </ContextMenuItem>
@@ -478,6 +487,7 @@ function ContextMenuInDialog() {
                     lucide="ScissorsIcon"
                     tabler="IconCut"
                     hugeicons="ScissorIcon"
+                    phosphor="ScissorsIcon"
                   />
                   Cut
                 </ContextMenuItem>
@@ -486,6 +496,7 @@ function ContextMenuInDialog() {
                     lucide="ClipboardPasteIcon"
                     tabler="IconClipboard"
                     hugeicons="ClipboardIcon"
+                    phosphor="ClipboardIcon"
                   />
                   Paste
                 </ContextMenuItem>
@@ -512,6 +523,7 @@ function ContextMenuInDialog() {
                     lucide="TrashIcon"
                     tabler="IconTrash"
                     hugeicons="DeleteIcon"
+                    phosphor="TrashIcon"
                   />
                   Delete
                 </ContextMenuItem>
diff --git a/apps/v4/registry/bases/radix/examples/dialog-example.tsx b/apps/v4/registry/bases/radix/examples/dialog-example.tsx
index bf17b4cced3..f414c96196b 100644
--- a/apps/v4/registry/bases/radix/examples/dialog-example.tsx
+++ b/apps/v4/registry/bases/radix/examples/dialog-example.tsx
@@ -471,6 +471,7 @@ function DialogChatSettings() {
                                   lucide="InfoIcon"
                                   tabler="IconInfoCircle"
                                   hugeicons="AlertCircleIcon"
+                                  phosphor="InfoIcon"
                                 />
                               </InputGroupButton>
                             </TooltipTrigger>
diff --git a/apps/v4/registry/bases/radix/examples/dropdown-menu-example.tsx b/apps/v4/registry/bases/radix/examples/dropdown-menu-example.tsx
index 6495a0bceff..ef1956058aa 100644
--- a/apps/v4/registry/bases/radix/examples/dropdown-menu-example.tsx
+++ b/apps/v4/registry/bases/radix/examples/dropdown-menu-example.tsx
@@ -102,6 +102,7 @@ function DropdownMenuWithIcons() {
                 lucide="UserIcon"
                 tabler="IconUser"
                 hugeicons="UserIcon"
+                phosphor="UserIcon"
               />
               Profile
             </DropdownMenuItem>
@@ -110,6 +111,7 @@ function DropdownMenuWithIcons() {
                 lucide="CreditCardIcon"
                 tabler="IconCreditCard"
                 hugeicons="CreditCardIcon"
+                phosphor="CreditCardIcon"
               />
               Billing
             </DropdownMenuItem>
@@ -118,6 +120,7 @@ function DropdownMenuWithIcons() {
                 lucide="SettingsIcon"
                 tabler="IconSettings"
                 hugeicons="SettingsIcon"
+                phosphor="GearIcon"
               />
               Settings
             </DropdownMenuItem>
@@ -129,6 +132,7 @@ function DropdownMenuWithIcons() {
                 lucide="LogOutIcon"
                 tabler="IconLogout"
                 hugeicons="LogoutIcon"
+                phosphor="SignOutIcon"
               />
               Log out
             </DropdownMenuItem>
@@ -243,6 +247,7 @@ function DropdownMenuWithCheckboxes() {
                 lucide="LayoutIcon"
                 tabler="IconLayout"
                 hugeicons="LayoutIcon"
+                phosphor="LayoutIcon"
               />
               Status Bar
             </DropdownMenuCheckboxItem>
@@ -255,6 +260,7 @@ function DropdownMenuWithCheckboxes() {
                 lucide="ActivityIcon"
                 tabler="IconActivity"
                 hugeicons="ActivityIcon"
+                phosphor="ActivityIcon"
               />
               Activity Bar
             </DropdownMenuCheckboxItem>
@@ -266,6 +272,7 @@ function DropdownMenuWithCheckboxes() {
                 lucide="PanelLeftIcon"
                 tabler="IconLayoutSidebar"
                 hugeicons="LayoutLeftIcon"
+                phosphor="SidebarIcon"
               />
               Panel
             </DropdownMenuCheckboxItem>
@@ -299,6 +306,7 @@ function DropdownMenuWithRadio() {
                   lucide="ArrowUpIcon"
                   tabler="IconArrowUp"
                   hugeicons="ArrowUp01Icon"
+                  phosphor="ArrowUpIcon"
                 />
                 Top
               </DropdownMenuRadioItem>
@@ -307,6 +315,7 @@ function DropdownMenuWithRadio() {
                   lucide="ArrowDownIcon"
                   tabler="IconArrowDown"
                   hugeicons="ArrowDown01Icon"
+                  phosphor="ArrowDownIcon"
                 />
                 Bottom
               </DropdownMenuRadioItem>
@@ -315,6 +324,7 @@ function DropdownMenuWithRadio() {
                   lucide="ArrowRightIcon"
                   tabler="IconArrowRight"
                   hugeicons="ArrowRight01Icon"
+                  phosphor="ArrowRightIcon"
                 />
                 Right
               </DropdownMenuRadioItem>
@@ -354,6 +364,7 @@ function DropdownMenuWithCheckboxesIcons() {
                 lucide="MailIcon"
                 tabler="IconMail"
                 hugeicons="MailIcon"
+                phosphor="EnvelopeIcon"
               />
               Email notifications
             </DropdownMenuCheckboxItem>
@@ -367,6 +378,7 @@ function DropdownMenuWithCheckboxesIcons() {
                 lucide="MessageSquareIcon"
                 tabler="IconMessage"
                 hugeicons="MessageIcon"
+                phosphor="ChatCircleIcon"
               />
               SMS notifications
             </DropdownMenuCheckboxItem>
@@ -380,6 +392,7 @@ function DropdownMenuWithCheckboxesIcons() {
                 lucide="BellIcon"
                 tabler="IconBell"
                 hugeicons="NotificationIcon"
+                phosphor="BellIcon"
               />
               Push notifications
             </DropdownMenuCheckboxItem>
@@ -411,6 +424,7 @@ function DropdownMenuWithRadioIcons() {
                   lucide="CreditCardIcon"
                   tabler="IconCreditCard"
                   hugeicons="CreditCardIcon"
+                  phosphor="CreditCardIcon"
                 />
                 Credit Card
               </DropdownMenuRadioItem>
@@ -419,6 +433,7 @@ function DropdownMenuWithRadioIcons() {
                   lucide="WalletIcon"
                   tabler="IconWallet"
                   hugeicons="WalletIcon"
+                  phosphor="WalletIcon"
                 />
                 PayPal
               </DropdownMenuRadioItem>
@@ -427,6 +442,7 @@ function DropdownMenuWithRadioIcons() {
                   lucide="Building2Icon"
                   tabler="IconBuildingBank"
                   hugeicons="BankIcon"
+                  phosphor="BankIcon"
                 />
                 Bank Transfer
               </DropdownMenuRadioItem>
@@ -454,6 +470,7 @@ function DropdownMenuWithDestructive() {
                 lucide="PencilIcon"
                 tabler="IconPencil"
                 hugeicons="EditIcon"
+                phosphor="PencilIcon"
               />
               Edit
             </DropdownMenuItem>
@@ -462,6 +479,7 @@ function DropdownMenuWithDestructive() {
                 lucide="ShareIcon"
                 tabler="IconShare"
                 hugeicons="ShareIcon"
+                phosphor="ShareIcon"
               />
               Share
             </DropdownMenuItem>
@@ -473,6 +491,7 @@ function DropdownMenuWithDestructive() {
                 lucide="ArchiveIcon"
                 tabler="IconArchive"
                 hugeicons="Archive02Icon"
+                phosphor="ArchiveIcon"
               />
               Archive
             </DropdownMenuItem>
@@ -481,6 +500,7 @@ function DropdownMenuWithDestructive() {
                 lucide="TrashIcon"
                 tabler="IconTrash"
                 hugeicons="DeleteIcon"
+                phosphor="TrashIcon"
               />
               Delete
             </DropdownMenuItem>
@@ -500,6 +520,7 @@ function DropdownMenuWithAvatar() {
             lucide="BadgeCheckIcon"
             tabler="IconRosetteDiscountCheck"
             hugeicons="CheckmarkBadgeIcon"
+            phosphor="CheckCircleIcon"
           />
           Account
         </DropdownMenuItem>
@@ -508,6 +529,7 @@ function DropdownMenuWithAvatar() {
             lucide="CreditCardIcon"
             tabler="IconCreditCard"
             hugeicons="CreditCardIcon"
+            phosphor="CreditCardIcon"
           />
           Billing
         </DropdownMenuItem>
@@ -516,6 +538,7 @@ function DropdownMenuWithAvatar() {
             lucide="BellIcon"
             tabler="IconBell"
             hugeicons="NotificationIcon"
+            phosphor="BellIcon"
           />
           Notifications
         </DropdownMenuItem>
@@ -523,12 +546,13 @@ function DropdownMenuWithAvatar() {
       <DropdownMenuSeparator />
       <DropdownMenuGroup>
         <DropdownMenuItem>
-          <IconPlaceholder
-            lucide="LogOutIcon"
-            tabler="IconLogout"
-            hugeicons="LogoutIcon"
-          />
-          Sign Out
+        <IconPlaceholder
+          lucide="LogOutIcon"
+          tabler="IconLogout"
+          hugeicons="LogoutIcon"
+          phosphor="SignOutIcon"
+        />
+        Sign Out
         </DropdownMenuItem>
       </DropdownMenuGroup>
     </>
@@ -553,12 +577,13 @@ function DropdownMenuWithAvatar() {
                   shadcn@example.com
                 </span>
               </div>
-              <IconPlaceholder
-                lucide="ChevronsUpDownIcon"
-                tabler="IconSelector"
-                hugeicons="UnfoldMoreIcon"
-                className="text-muted-foreground ml-auto"
-              />
+            <IconPlaceholder
+              lucide="ChevronsUpDownIcon"
+              tabler="IconSelector"
+              hugeicons="UnfoldMoreIcon"
+              phosphor="CaretUpDownIcon"
+              className="text-muted-foreground ml-auto"
+            />
             </Button>
           </DropdownMenuTrigger>
           <DropdownMenuContent className="w-(--radix-dropdown-menu-trigger-width) min-w-56">
@@ -610,6 +635,7 @@ function DropdownMenuInDialog() {
                     lucide="CopyIcon"
                     tabler="IconCopy"
                     hugeicons="CopyIcon"
+                    phosphor="CopyIcon"
                   />
                   Copy
                 </DropdownMenuItem>
@@ -618,6 +644,7 @@ function DropdownMenuInDialog() {
                     lucide="ScissorsIcon"
                     tabler="IconCut"
                     hugeicons="ScissorIcon"
+                    phosphor="ScissorsIcon"
                   />
                   Cut
                 </DropdownMenuItem>
@@ -626,6 +653,7 @@ function DropdownMenuInDialog() {
                     lucide="ClipboardPasteIcon"
                     tabler="IconClipboard"
                     hugeicons="ClipboardIcon"
+                    phosphor="ClipboardIcon"
                   />
                   Paste
                 </DropdownMenuItem>
@@ -654,6 +682,7 @@ function DropdownMenuInDialog() {
                     lucide="TrashIcon"
                     tabler="IconTrash"
                     hugeicons="DeleteIcon"
+                    phosphor="TrashIcon"
                   />
                   Delete
                 </DropdownMenuItem>
@@ -690,6 +719,7 @@ function DropdownMenuComplex() {
                 lucide="FileIcon"
                 tabler="IconFile"
                 hugeicons="FileIcon"
+                phosphor="FileIcon"
               />
               New File
               <DropdownMenuShortcut>⌘N</DropdownMenuShortcut>
@@ -699,6 +729,7 @@ function DropdownMenuComplex() {
                 lucide="FolderIcon"
                 tabler="IconFolder"
                 hugeicons="FolderIcon"
+                phosphor="FolderIcon"
               />
               New Folder
               <DropdownMenuShortcut>⇧⌘N</DropdownMenuShortcut>
@@ -709,6 +740,7 @@ function DropdownMenuComplex() {
                   lucide="FolderOpenIcon"
                   tabler="IconFolderOpen"
                   hugeicons="FolderOpenIcon"
+                  phosphor="FolderOpenIcon"
                 />
                 Open Recent
               </DropdownMenuSubTrigger>
@@ -721,6 +753,7 @@ function DropdownMenuComplex() {
                         lucide="FileCodeIcon"
                         tabler="IconFileCode"
                         hugeicons="CodeIcon"
+                        phosphor="CodeIcon"
                       />
                       Project Alpha
                     </DropdownMenuItem>
@@ -729,6 +762,7 @@ function DropdownMenuComplex() {
                         lucide="FileCodeIcon"
                         tabler="IconFileCode"
                         hugeicons="CodeIcon"
+                        phosphor="CodeIcon"
                       />
                       Project Beta
                     </DropdownMenuItem>
@@ -738,6 +772,7 @@ function DropdownMenuComplex() {
                           lucide="MoreHorizontalIcon"
                           tabler="IconDots"
                           hugeicons="MoreHorizontalCircle01Icon"
+                          phosphor="DotsThreeOutlineIcon"
                         />
                         More Projects
                       </DropdownMenuSubTrigger>
@@ -748,6 +783,7 @@ function DropdownMenuComplex() {
                               lucide="FileCodeIcon"
                               tabler="IconFileCode"
                               hugeicons="CodeIcon"
+                              phosphor="CodeIcon"
                             />
                             Project Gamma
                           </DropdownMenuItem>
@@ -756,6 +792,7 @@ function DropdownMenuComplex() {
                               lucide="FileCodeIcon"
                               tabler="IconFileCode"
                               hugeicons="CodeIcon"
+                              phosphor="CodeIcon"
                             />
                             Project Delta
                           </DropdownMenuItem>
@@ -770,6 +807,7 @@ function DropdownMenuComplex() {
                         lucide="FolderSearchIcon"
                         tabler="IconFolderSearch"
                         hugeicons="SearchIcon"
+                        phosphor="MagnifyingGlassIcon"
                       />
                       Browse...
                     </DropdownMenuItem>
@@ -783,6 +821,7 @@ function DropdownMenuComplex() {
                 lucide="SaveIcon"
                 tabler="IconDeviceFloppy"
                 hugeicons="FloppyDiskIcon"
+                phosphor="FloppyDiskIcon"
               />
               Save
               <DropdownMenuShortcut>⌘S</DropdownMenuShortcut>
@@ -792,6 +831,7 @@ function DropdownMenuComplex() {
                 lucide="DownloadIcon"
                 tabler="IconDownload"
                 hugeicons="DownloadIcon"
+                phosphor="DownloadIcon"
               />
               Export
               <DropdownMenuShortcut>⇧⌘E</DropdownMenuShortcut>
@@ -810,6 +850,7 @@ function DropdownMenuComplex() {
                 lucide="EyeIcon"
                 tabler="IconEye"
                 hugeicons="EyeIcon"
+                phosphor="EyeIcon"
               />
               Show Sidebar
             </DropdownMenuCheckboxItem>
@@ -823,6 +864,7 @@ function DropdownMenuComplex() {
                 lucide="LayoutIcon"
                 tabler="IconLayout"
                 hugeicons="LayoutIcon"
+                phosphor="LayoutIcon"
               />
               Show Status Bar
             </DropdownMenuCheckboxItem>
@@ -832,6 +874,7 @@ function DropdownMenuComplex() {
                   lucide="PaletteIcon"
                   tabler="IconPalette"
                   hugeicons="PaintBoardIcon"
+                  phosphor="PaletteIcon"
                 />
                 Theme
               </DropdownMenuSubTrigger>
@@ -848,6 +891,7 @@ function DropdownMenuComplex() {
                           lucide="SunIcon"
                           tabler="IconSun"
                           hugeicons="SunIcon"
+                          phosphor="SunIcon"
                         />
                         Light
                       </DropdownMenuRadioItem>
@@ -856,6 +900,7 @@ function DropdownMenuComplex() {
                           lucide="MoonIcon"
                           tabler="IconMoon"
                           hugeicons="MoonIcon"
+                          phosphor="MoonIcon"
                         />
                         Dark
                       </DropdownMenuRadioItem>
@@ -864,6 +909,7 @@ function DropdownMenuComplex() {
                           lucide="MonitorIcon"
                           tabler="IconDeviceDesktop"
                           hugeicons="ComputerIcon"
+                          phosphor="MonitorIcon"
                         />
                         System
                       </DropdownMenuRadioItem>
@@ -881,6 +927,7 @@ function DropdownMenuComplex() {
                 lucide="UserIcon"
                 tabler="IconUser"
                 hugeicons="UserIcon"
+                phosphor="UserIcon"
               />
               Profile
               <DropdownMenuShortcut>⇧⌘P</DropdownMenuShortcut>
@@ -890,17 +937,19 @@ function DropdownMenuComplex() {
                 lucide="CreditCardIcon"
                 tabler="IconCreditCard"
                 hugeicons="CreditCardIcon"
+                phosphor="CreditCardIcon"
               />
               Billing
             </DropdownMenuItem>
             <DropdownMenuSub>
               <DropdownMenuSubTrigger>
-                <IconPlaceholder
-                  lucide="SettingsIcon"
-                  tabler="IconSettings"
-                  hugeicons="SettingsIcon"
-                />
-                Settings
+              <IconPlaceholder
+                lucide="SettingsIcon"
+                tabler="IconSettings"
+                hugeicons="SettingsIcon"
+                phosphor="GearIcon"
+              />
+              Settings
               </DropdownMenuSubTrigger>
               <DropdownMenuPortal>
                 <DropdownMenuSubContent>
@@ -911,6 +960,7 @@ function DropdownMenuComplex() {
                         lucide="KeyboardIcon"
                         tabler="IconKeyboard"
                         hugeicons="KeyboardIcon"
+                        phosphor="KeyboardIcon"
                       />
                       Keyboard Shortcuts
                     </DropdownMenuItem>
@@ -919,6 +969,7 @@ function DropdownMenuComplex() {
                         lucide="LanguagesIcon"
                         tabler="IconLanguage"
                         hugeicons="LanguageCircleIcon"
+                        phosphor="TranslateIcon"
                       />
                       Language
                     </DropdownMenuItem>
@@ -928,6 +979,7 @@ function DropdownMenuComplex() {
                           lucide="BellIcon"
                           tabler="IconBell"
                           hugeicons="NotificationIcon"
+                          phosphor="BellIcon"
                         />
                         Notifications
                       </DropdownMenuSubTrigger>
@@ -950,6 +1002,7 @@ function DropdownMenuComplex() {
                                 lucide="BellIcon"
                                 tabler="IconBell"
                                 hugeicons="NotificationIcon"
+                                phosphor="BellIcon"
                               />
                               Push Notifications
                             </DropdownMenuCheckboxItem>
@@ -966,6 +1019,7 @@ function DropdownMenuComplex() {
                                 lucide="MailIcon"
                                 tabler="IconMail"
                                 hugeicons="MailIcon"
+                                phosphor="EnvelopeIcon"
                               />
                               Email Notifications
                             </DropdownMenuCheckboxItem>
@@ -981,6 +1035,7 @@ function DropdownMenuComplex() {
                         lucide="ShieldIcon"
                         tabler="IconShield"
                         hugeicons="ShieldIcon"
+                        phosphor="ShieldIcon"
                       />
                       Privacy & Security
                     </DropdownMenuItem>
@@ -996,6 +1051,7 @@ function DropdownMenuComplex() {
                 lucide="HelpCircleIcon"
                 tabler="IconHelpCircle"
                 hugeicons="HelpCircleIcon"
+                phosphor="QuestionIcon"
               />
               Help & Support
             </DropdownMenuItem>
@@ -1004,6 +1060,7 @@ function DropdownMenuComplex() {
                 lucide="FileTextIcon"
                 tabler="IconFileText"
                 hugeicons="File01Icon"
+                phosphor="FileTextIcon"
               />
               Documentation
             </DropdownMenuItem>
@@ -1015,6 +1072,7 @@ function DropdownMenuComplex() {
                 lucide="LogOutIcon"
                 tabler="IconLogout"
                 hugeicons="LogoutIcon"
+                phosphor="SignOutIcon"
               />
               Sign Out
               <DropdownMenuShortcut>⇧⌘Q</DropdownMenuShortcut>
diff --git a/apps/v4/registry/bases/radix/examples/empty-example.tsx b/apps/v4/registry/bases/radix/examples/empty-example.tsx
index 3c3f82cd323..b3aceb7c64e 100644
--- a/apps/v4/registry/bases/radix/examples/empty-example.tsx
+++ b/apps/v4/registry/bases/radix/examples/empty-example.tsx
@@ -57,6 +57,7 @@ function EmptyBasic() {
                 lucide="ArrowUpRightIcon"
                 tabler="IconArrowUpRight"
                 hugeicons="ArrowUpRight01Icon"
+                phosphor="ArrowUpRightIcon"
               />
             </a>
           </Button>
@@ -85,6 +86,7 @@ function EmptyWithMutedBackground() {
                 lucide="ArrowUpRightIcon"
                 tabler="IconArrowUpRight"
                 hugeicons="ArrowUpRight01Icon"
+                phosphor="ArrowUpRightIcon"
               />
             </a>
           </Button>
@@ -113,6 +115,7 @@ function EmptyWithBorder() {
                 lucide="CircleDashedIcon"
                 tabler="IconCircleDashed"
                 hugeicons="DashedLineCircleIcon"
+                phosphor="CircleDashedIcon"
               />
             </InputGroupAddon>
             <InputGroupAddon align="inline-end">
@@ -138,6 +141,7 @@ function EmptyWithIcon() {
               lucide="FolderIcon"
               tabler="IconFolder"
               hugeicons="Folder01Icon"
+              phosphor="FolderIcon"
             />
           </EmptyMedia>
           <EmptyTitle>Nothing to see here</EmptyTitle>
@@ -152,6 +156,7 @@ function EmptyWithIcon() {
               lucide="PlusIcon"
               tabler="IconPlus"
               hugeicons="PlusSignIcon"
+              phosphor="PlusIcon"
               data-icon="inline-start"
             />
             New Post
@@ -181,6 +186,7 @@ function EmptyWithMutedBackgroundAlt() {
                 lucide="CircleDashedIcon"
                 tabler="IconCircleDashed"
                 hugeicons="DashedLineCircleIcon"
+                phosphor="CircleDashedIcon"
               />
             </InputGroupAddon>
             <InputGroupAddon align="inline-end">
@@ -206,6 +212,7 @@ function EmptyInCard() {
               lucide="FolderIcon"
               tabler="IconFolder"
               hugeicons="Folder01Icon"
+              phosphor="FolderIcon"
             />
           </EmptyMedia>
           <EmptyTitle>No projects yet</EmptyTitle>
@@ -228,6 +235,7 @@ function EmptyInCard() {
                 lucide="ArrowUpRightIcon"
                 tabler="IconArrowUpRight"
                 hugeicons="ArrowUpRight01Icon"
+                phosphor="ArrowUpRightIcon"
               />
             </a>
           </Button>
diff --git a/apps/v4/registry/bases/radix/examples/input-group-example.tsx b/apps/v4/registry/bases/radix/examples/input-group-example.tsx
index 8a5cc162983..b706ae83ea1 100644
--- a/apps/v4/registry/bases/radix/examples/input-group-example.tsx
+++ b/apps/v4/registry/bases/radix/examples/input-group-example.tsx
@@ -131,6 +131,7 @@ function InputGroupWithAddons() {
                 lucide="SearchIcon"
                 tabler="IconSearch"
                 hugeicons="SearchIcon"
+                phosphor="MagnifyingGlassIcon"
                 className="text-muted-foreground"
               />
             </InputGroupAddon>
@@ -147,6 +148,7 @@ function InputGroupWithAddons() {
                 lucide="EyeOffIcon"
                 tabler="IconEyeClosed"
                 hugeicons="ViewOffIcon"
+                phosphor="EyeSlashIcon"
               />
             </InputGroupAddon>
           </InputGroup>
@@ -162,6 +164,7 @@ function InputGroupWithAddons() {
                 lucide="MicIcon"
                 tabler="IconMicrophone"
                 hugeicons="VoiceIcon"
+                phosphor="MicrophoneIcon"
                 className="text-muted-foreground"
               />
             </InputGroupAddon>
@@ -170,6 +173,7 @@ function InputGroupWithAddons() {
                 lucide="RadioIcon"
                 tabler="IconPlayerRecordFilled"
                 hugeicons="RecordIcon"
+                phosphor="RecordIcon"
                 className="animate-pulse text-red-500"
               />
             </InputGroupAddon>
@@ -185,6 +189,7 @@ function InputGroupWithAddons() {
                 lucide="InfoIcon"
                 tabler="IconInfoCircle"
                 hugeicons="AlertCircleIcon"
+                phosphor="InfoIcon"
                 className="text-muted-foreground ml-auto"
               />
             </InputGroupAddon>
@@ -200,6 +205,7 @@ function InputGroupWithAddons() {
                 lucide="InfoIcon"
                 tabler="IconInfoCircle"
                 hugeicons="AlertCircleIcon"
+                phosphor="InfoIcon"
                 className="text-muted-foreground ml-auto"
               />
             </InputGroupAddon>
@@ -214,6 +220,7 @@ function InputGroupWithAddons() {
                 lucide="StarIcon"
                 tabler="IconStar"
                 hugeicons="StarIcon"
+                phosphor="StarIcon"
               />
               <InputGroupButton
                 size="icon-xs"
@@ -223,6 +230,7 @@ function InputGroupWithAddons() {
                   lucide="CopyIcon"
                   tabler="IconCopy"
                   hugeicons="CopyIcon"
+                  phosphor="CopyIcon"
                 />
               </InputGroupButton>
             </InputGroupAddon>
@@ -231,6 +239,7 @@ function InputGroupWithAddons() {
                 lucide="RadioIcon"
                 tabler="IconPlayerRecordFilled"
                 hugeicons="RecordIcon"
+                phosphor="RecordIcon"
                 className="animate-pulse text-red-500"
               />
             </InputGroupAddon>
@@ -245,6 +254,7 @@ function InputGroupWithAddons() {
                 lucide="InfoIcon"
                 tabler="IconInfoCircle"
                 hugeicons="AlertCircleIcon"
+                phosphor="InfoIcon"
               />
             </InputGroupAddon>
           </InputGroup>
@@ -310,6 +320,7 @@ function InputGroupWithButtons() {
                   lucide="CopyIcon"
                   tabler="IconCopy"
                   hugeicons="CopyIcon"
+                  phosphor="CopyIcon"
                 />
               </InputGroupButton>
             </InputGroupAddon>
@@ -322,6 +333,7 @@ function InputGroupWithButtons() {
                   lucide="TrashIcon"
                   tabler="IconTrash"
                   hugeicons="DeleteIcon"
+                  phosphor="TrashIcon"
                 />
               </InputGroupButton>
             </InputGroupAddon>
@@ -354,6 +366,7 @@ function InputGroupWithTooltip({
                       lucide="InfoIcon"
                       tabler="IconInfoCircle"
                       hugeicons="AlertCircleIcon"
+                      phosphor="InfoIcon"
                     />
                   </InputGroupButton>
                 </TooltipTrigger>
@@ -378,6 +391,7 @@ function InputGroupWithTooltip({
                       lucide="ChevronDownIcon"
                       tabler="IconChevronDown"
                       hugeicons="ArrowDownIcon"
+                      phosphor="CaretDownIcon"
                     />
                   </InputGroupButton>
                 </DropdownMenuTrigger>
@@ -415,6 +429,7 @@ function InputGroupWithTooltip({
                       lucide="InfoIcon"
                       tabler="IconInfoCircle"
                       hugeicons="AlertCircleIcon"
+                      phosphor="InfoIcon"
                     />
                   </InputGroupButton>
                 </InputGroupAddon>
@@ -441,6 +456,7 @@ function InputGroupWithTooltip({
                   lucide="StarIcon"
                   tabler="IconStar"
                   hugeicons="StarIcon"
+                  phosphor="StarIcon"
                 />
               </InputGroupButton>
             </InputGroupAddon>
@@ -460,6 +476,7 @@ function InputGroupWithTooltip({
                   lucide="InfoIcon"
                   tabler="IconInfoCircle"
                   hugeicons="AlertCircleIcon"
+                  phosphor="InfoIcon"
                 />
               </InputGroupAddon>
             </InputGroup>
@@ -512,6 +529,7 @@ function InputGroupWithKbd() {
                 lucide="SparklesIcon"
                 tabler="IconServerSpark"
                 hugeicons="SparklesIcon"
+                phosphor="SparkleIcon"
               />
             </InputGroupAddon>
             <InputGroupAddon align="inline-end">
@@ -532,6 +550,7 @@ function InputGroupWithKbd() {
                   lucide="CheckIcon"
                   tabler="IconCheck"
                   hugeicons="Tick02Icon"
+                  phosphor="CheckIcon"
                   className="size-3 text-white"
                 />
               </div>
@@ -551,6 +570,7 @@ function InputGroupWithKbd() {
               lucide="SearchIcon"
               tabler="IconSearch"
               hugeicons="SearchIcon"
+              phosphor="MagnifyingGlassIcon"
             />
           </InputGroupAddon>
           <InputGroupAddon align="inline-end">12 results</InputGroupAddon>
@@ -566,6 +586,7 @@ function InputGroupWithKbd() {
               lucide="SearchIcon"
               tabler="IconSearch"
               hugeicons="SearchIcon"
+              phosphor="MagnifyingGlassIcon"
             />
           </InputGroupAddon>
           <InputGroupAddon align="inline-end">Disabled</InputGroupAddon>
@@ -580,6 +601,7 @@ function InputGroupWithKbd() {
                   lucide="InfoIcon"
                   tabler="IconInfoCircle"
                   hugeicons="AlertCircleIcon"
+                  phosphor="InfoIcon"
                 />
               </InputGroupAddon>
             </InputGroup>
@@ -593,6 +615,7 @@ function InputGroupWithKbd() {
                   lucide="InfoIcon"
                   tabler="IconInfoCircle"
                   hugeicons="AlertCircleIcon"
+                  phosphor="InfoIcon"
                 />
               </InputGroupAddon>
             </InputGroup>
@@ -644,6 +667,7 @@ function InputGroupInCard() {
                     lucide="MailIcon"
                     tabler="IconMail"
                     hugeicons="MailIcon"
+                    phosphor="EnvelopeIcon"
                   />
                 </InputGroupAddon>
               </InputGroup>
@@ -660,6 +684,7 @@ function InputGroupInCard() {
                     lucide="ExternalLinkIcon"
                     tabler="IconExternalLink"
                     hugeicons="LinkSquare02Icon"
+                    phosphor="ArrowSquareOutIcon"
                   />
                 </InputGroupAddon>
               </InputGroup>
@@ -753,6 +778,7 @@ function InputGroupTextareaExamples() {
                 lucide="InfoIcon"
                 tabler="IconInfoCircle"
                 hugeicons="AlertCircleIcon"
+                phosphor="InfoIcon"
                 className="text-muted-foreground ml-auto"
               />
             </InputGroupAddon>
@@ -781,6 +807,7 @@ function InputGroupTextareaExamples() {
                   lucide="ArrowUpIcon"
                   tabler="IconArrowUp"
                   hugeicons="ArrowUpIcon"
+                  phosphor="ArrowUpIcon"
                 />
                 <span className="sr-only">Send</span>
               </InputGroupButton>
@@ -819,6 +846,7 @@ function InputGroupTextareaExamples() {
                   lucide="CodeIcon"
                   tabler="IconBrandJavascript"
                   hugeicons="CodeIcon"
+                  phosphor="CodeIcon"
                 />
                 script.js
               </InputGroupText>
@@ -827,6 +855,7 @@ function InputGroupTextareaExamples() {
                   lucide="RefreshCwIcon"
                   tabler="IconRefresh"
                   hugeicons="RefreshIcon"
+                  phosphor="ArrowClockwiseIcon"
                 />
               </InputGroupButton>
               <InputGroupButton size="icon-xs" variant="ghost">
@@ -834,6 +863,7 @@ function InputGroupTextareaExamples() {
                   lucide="CopyIcon"
                   tabler="IconCopy"
                   hugeicons="CopyIcon"
+                  phosphor="CopyIcon"
                 />
               </InputGroupButton>
             </InputGroupAddon>
diff --git a/apps/v4/registry/bases/radix/examples/input-otp-example.tsx b/apps/v4/registry/bases/radix/examples/input-otp-example.tsx
index bebdcbebd25..0c9baabf9fc 100644
--- a/apps/v4/registry/bases/radix/examples/input-otp-example.tsx
+++ b/apps/v4/registry/bases/radix/examples/input-otp-example.tsx
@@ -246,6 +246,7 @@ function InputOTPForm() {
                     lucide="RefreshCwIcon"
                     hugeicons="RefreshIcon"
                     tabler="IconRefresh"
+                    phosphor="ArrowClockwiseIcon"
                     data-icon="inline-start"
                   />
                   Resend Code
diff --git a/apps/v4/registry/bases/radix/examples/item-example.tsx b/apps/v4/registry/bases/radix/examples/item-example.tsx
index aea932e364c..0858dc4adf1 100644
--- a/apps/v4/registry/bases/radix/examples/item-example.tsx
+++ b/apps/v4/registry/bases/radix/examples/item-example.tsx
@@ -91,6 +91,7 @@ function DefaultVariantItems() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -103,6 +104,7 @@ function DefaultVariantItems() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -118,6 +120,7 @@ function DefaultVariantItems() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -133,6 +136,7 @@ function DefaultVariantItems() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -205,6 +209,7 @@ function OutlineVariantItems() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -217,6 +222,7 @@ function OutlineVariantItems() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -232,6 +238,7 @@ function OutlineVariantItems() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -247,6 +254,7 @@ function OutlineVariantItems() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -319,6 +327,7 @@ function MutedVariantItems() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -331,6 +340,7 @@ function MutedVariantItems() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -346,6 +356,7 @@ function MutedVariantItems() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -361,6 +372,7 @@ function MutedVariantItems() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -437,6 +449,7 @@ function DefaultVariantItemsSmall() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -449,6 +462,7 @@ function DefaultVariantItemsSmall() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -464,6 +478,7 @@ function DefaultVariantItemsSmall() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -479,6 +494,7 @@ function DefaultVariantItemsSmall() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -555,6 +571,7 @@ function OutlineVariantItemsSmall() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -567,6 +584,7 @@ function OutlineVariantItemsSmall() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -582,6 +600,7 @@ function OutlineVariantItemsSmall() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -597,6 +616,7 @@ function OutlineVariantItemsSmall() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -673,6 +693,7 @@ function MutedVariantItemsSmall() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -685,6 +706,7 @@ function MutedVariantItemsSmall() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -700,6 +722,7 @@ function MutedVariantItemsSmall() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -715,6 +738,7 @@ function MutedVariantItemsSmall() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -785,6 +809,7 @@ function DefaultVariantItemsExtraSmall() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -797,6 +822,7 @@ function DefaultVariantItemsExtraSmall() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -812,6 +838,7 @@ function DefaultVariantItemsExtraSmall() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -824,6 +851,7 @@ function DefaultVariantItemsExtraSmall() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -887,6 +915,7 @@ function OutlineVariantItemsExtraSmall() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -899,6 +928,7 @@ function OutlineVariantItemsExtraSmall() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -914,6 +944,7 @@ function OutlineVariantItemsExtraSmall() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -926,6 +957,7 @@ function OutlineVariantItemsExtraSmall() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -989,6 +1021,7 @@ function MutedVariantItemsExtraSmall() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -1001,6 +1034,7 @@ function MutedVariantItemsExtraSmall() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -1016,6 +1050,7 @@ function MutedVariantItemsExtraSmall() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -1028,6 +1063,7 @@ function MutedVariantItemsExtraSmall() {
             lucide="InboxIcon"
             tabler="IconArchive"
             hugeicons="Archive02Icon"
+            phosphor="ArchiveIcon"
           />
         </ItemMedia>
         <ItemContent>
@@ -1080,6 +1116,7 @@ function DefaultLinkItems() {
                 lucide="InboxIcon"
                 tabler="IconArchive"
                 hugeicons="Archive02Icon"
+                phosphor="TrayIcon"
               />
             </ItemMedia>
             <ItemContent>
@@ -1094,6 +1131,7 @@ function DefaultLinkItems() {
                 lucide="InboxIcon"
                 tabler="IconArchive"
                 hugeicons="Archive02Icon"
+                phosphor="TrayIcon"
               />
             </ItemMedia>
             <ItemContent>
@@ -1152,6 +1190,7 @@ function OutlineLinkItems() {
                 lucide="InboxIcon"
                 tabler="IconArchive"
                 hugeicons="Archive02Icon"
+                phosphor="TrayIcon"
               />
             </ItemMedia>
             <ItemContent>
@@ -1166,6 +1205,7 @@ function OutlineLinkItems() {
                 lucide="InboxIcon"
                 tabler="IconArchive"
                 hugeicons="Archive02Icon"
+                phosphor="TrayIcon"
               />
             </ItemMedia>
             <ItemContent>
@@ -1224,6 +1264,7 @@ function MutedLinkItems() {
                 lucide="InboxIcon"
                 tabler="IconArchive"
                 hugeicons="Archive02Icon"
+                phosphor="TrayIcon"
               />
             </ItemMedia>
             <ItemContent>
@@ -1238,6 +1279,7 @@ function MutedLinkItems() {
                 lucide="InboxIcon"
                 tabler="IconArchive"
                 hugeicons="Archive02Icon"
+                phosphor="TrayIcon"
               />
             </ItemMedia>
             <ItemContent>
@@ -1305,6 +1347,7 @@ function OutlineItemGroup() {
               lucide="InboxIcon"
               tabler="IconArchive"
               hugeicons="Archive02Icon"
+              phosphor="TrayIcon"
             />
           </ItemMedia>
           <ItemContent>
@@ -1318,6 +1361,7 @@ function OutlineItemGroup() {
               lucide="InboxIcon"
               tabler="IconArchive"
               hugeicons="Archive02Icon"
+              phosphor="TrayIcon"
             />
           </ItemMedia>
           <ItemContent>
@@ -1331,6 +1375,7 @@ function OutlineItemGroup() {
               lucide="InboxIcon"
               tabler="IconArchive"
               hugeicons="Archive02Icon"
+              phosphor="TrayIcon"
             />
           </ItemMedia>
           <ItemContent>
@@ -1395,6 +1440,7 @@ function ItemSeparatorExample() {
               lucide="InboxIcon"
               tabler="IconArchive"
               hugeicons="Archive02Icon"
+              phosphor="TrayIcon"
             />
           </ItemMedia>
           <ItemContent>
@@ -1409,6 +1455,7 @@ function ItemSeparatorExample() {
               lucide="InboxIcon"
               tabler="IconArchive"
               hugeicons="Archive02Icon"
+              phosphor="TrayIcon"
             />
           </ItemMedia>
           <ItemContent>
@@ -1423,6 +1470,7 @@ function ItemSeparatorExample() {
               lucide="InboxIcon"
               tabler="IconArchive"
               hugeicons="Archive02Icon"
+              phosphor="TrayIcon"
             />
           </ItemMedia>
           <ItemContent>
@@ -1437,6 +1485,7 @@ function ItemSeparatorExample() {
               lucide="InboxIcon"
               tabler="IconArchive"
               hugeicons="Archive02Icon"
+              phosphor="TrayIcon"
             />
           </ItemMedia>
           <ItemContent>
diff --git a/apps/v4/registry/bases/radix/examples/kbd-example.tsx b/apps/v4/registry/bases/radix/examples/kbd-example.tsx
index 04523a08dcd..b01f48a302e 100644
--- a/apps/v4/registry/bases/radix/examples/kbd-example.tsx
+++ b/apps/v4/registry/bases/radix/examples/kbd-example.tsx
@@ -89,6 +89,7 @@ function KbdWithIcons() {
             lucide="CircleDashedIcon"
             tabler="IconCircleDashed"
             hugeicons="DashedLineCircleIcon"
+            phosphor="CircleDashedIcon"
           />
         </Kbd>
         <Kbd>
@@ -96,6 +97,7 @@ function KbdWithIcons() {
             lucide="ArrowLeftIcon"
             tabler="IconArrowLeft"
             hugeicons="ArrowLeft01Icon"
+            phosphor="ArrowLeftIcon"
           />
         </Kbd>
         <Kbd>
@@ -103,6 +105,7 @@ function KbdWithIcons() {
             lucide="ArrowRightIcon"
             tabler="IconArrowRight"
             hugeicons="ArrowRight01Icon"
+            phosphor="ArrowRightIcon"
           />
         </Kbd>
       </KbdGroup>
@@ -119,6 +122,7 @@ function KbdWithIconsAndText() {
             lucide="ArrowLeftIcon"
             tabler="IconArrowLeft"
             hugeicons="ArrowLeft01Icon"
+            phosphor="ArrowLeftIcon"
           />
           Left
         </Kbd>
@@ -127,6 +131,7 @@ function KbdWithIconsAndText() {
             lucide="CircleDashedIcon"
             tabler="IconCircleDashed"
             hugeicons="DashedLineCircleIcon"
+            phosphor="CircleDashedIcon"
           />
           Voice Enabled
         </Kbd>
@@ -158,6 +163,7 @@ function KbdInTooltip() {
               lucide="SaveIcon"
               tabler="IconDeviceFloppy"
               hugeicons="FloppyDiskIcon"
+              phosphor="FloppyDiskIcon"
             />
           </Button>
         </TooltipTrigger>
diff --git a/apps/v4/registry/bases/radix/examples/menubar-example.tsx b/apps/v4/registry/bases/radix/examples/menubar-example.tsx
index 398e0389156..b763e4ed59b 100644
--- a/apps/v4/registry/bases/radix/examples/menubar-example.tsx
+++ b/apps/v4/registry/bases/radix/examples/menubar-example.tsx
@@ -247,6 +247,7 @@ function MenubarWithIcons() {
                   lucide="FileIcon"
                   tabler="IconFile"
                   hugeicons="FileIcon"
+                  phosphor="FileIcon"
                 />
                 New File <MenubarShortcut>⌘N</MenubarShortcut>
               </MenubarItem>
@@ -255,6 +256,7 @@ function MenubarWithIcons() {
                   lucide="FolderIcon"
                   tabler="IconFolder"
                   hugeicons="FolderIcon"
+                  phosphor="FolderIcon"
                 />
                 Open Folder
               </MenubarItem>
@@ -266,6 +268,7 @@ function MenubarWithIcons() {
                   lucide="SaveIcon"
                   tabler="IconDeviceFloppy"
                   hugeicons="FloppyDiskIcon"
+                  phosphor="FloppyDiskIcon"
                 />
                 Save <MenubarShortcut>⌘S</MenubarShortcut>
               </MenubarItem>
@@ -281,6 +284,7 @@ function MenubarWithIcons() {
                   lucide="CircleDashedIcon"
                   tabler="IconCircleDashed"
                   hugeicons="DashedLineCircleIcon"
+                  phosphor="CircleDashedIcon"
                 />
                 Settings
               </MenubarItem>
@@ -289,6 +293,7 @@ function MenubarWithIcons() {
                   lucide="CircleDashedIcon"
                   tabler="IconCircleDashed"
                   hugeicons="DashedLineCircleIcon"
+                  phosphor="CircleDashedIcon"
                 />
                 Help
               </MenubarItem>
@@ -298,6 +303,7 @@ function MenubarWithIcons() {
                   lucide="CircleDashedIcon"
                   tabler="IconCircleDashed"
                   hugeicons="DashedLineCircleIcon"
+                  phosphor="CircleDashedIcon"
                 />
                 Delete
               </MenubarItem>
@@ -372,6 +378,7 @@ function MenubarFormat() {
                   lucide="BoldIcon"
                   tabler="IconBold"
                   hugeicons="TextBoldIcon"
+                  phosphor="TextBIcon"
                 />
                 Bold <MenubarShortcut>⌘B</MenubarShortcut>
               </MenubarItem>
@@ -380,6 +387,7 @@ function MenubarFormat() {
                   lucide="ItalicIcon"
                   tabler="IconItalic"
                   hugeicons="TextItalicIcon"
+                  phosphor="TextItalicIcon"
                 />
                 Italic <MenubarShortcut>⌘I</MenubarShortcut>
               </MenubarItem>
@@ -388,6 +396,7 @@ function MenubarFormat() {
                   lucide="UnderlineIcon"
                   tabler="IconUnderline"
                   hugeicons="TextUnderlineIcon"
+                  phosphor="TextUnderlineIcon"
                 />
                 Underline <MenubarShortcut>⌘U</MenubarShortcut>
               </MenubarItem>
@@ -429,6 +438,7 @@ function MenubarInsert() {
                   lucide="ImageIcon"
                   tabler="IconPhoto"
                   hugeicons="ImageIcon"
+                  phosphor="ImageIcon"
                 />
                 Media
               </MenubarSubTrigger>
@@ -447,6 +457,7 @@ function MenubarInsert() {
                   lucide="LinkIcon"
                   tabler="IconLink"
                   hugeicons="LinkIcon"
+                  phosphor="LinkIcon"
                 />
                 Link <MenubarShortcut>⌘K</MenubarShortcut>
               </MenubarItem>
@@ -455,6 +466,7 @@ function MenubarInsert() {
                   lucide="TableIcon"
                   tabler="IconTable"
                   hugeicons="TableIcon"
+                  phosphor="TableIcon"
                 />
                 Table
               </MenubarItem>
@@ -470,6 +482,7 @@ function MenubarInsert() {
                   lucide="SearchIcon"
                   tabler="IconSearch"
                   hugeicons="SearchIcon"
+                  phosphor="MagnifyingGlassIcon"
                 />
                 Find & Replace <MenubarShortcut>⌘F</MenubarShortcut>
               </MenubarItem>
@@ -478,6 +491,7 @@ function MenubarInsert() {
                   lucide="CheckIcon"
                   tabler="IconCheck"
                   hugeicons="Tick02Icon"
+                  phosphor="CheckIcon"
                 />
                 Spell Check
               </MenubarItem>
@@ -502,6 +516,7 @@ function MenubarDestructive() {
                   lucide="FileIcon"
                   tabler="IconFile"
                   hugeicons="FileIcon"
+                  phosphor="FileIcon"
                 />
                 New File <MenubarShortcut>⌘N</MenubarShortcut>
               </MenubarItem>
@@ -510,6 +525,7 @@ function MenubarDestructive() {
                   lucide="FolderIcon"
                   tabler="IconFolder"
                   hugeicons="FolderIcon"
+                  phosphor="FolderIcon"
                 />
                 Open Folder
               </MenubarItem>
@@ -521,6 +537,7 @@ function MenubarDestructive() {
                   lucide="TrashIcon"
                   tabler="IconTrash"
                   hugeicons="DeleteIcon"
+                  phosphor="TrashIcon"
                 />
                 Delete File <MenubarShortcut>⌘⌫</MenubarShortcut>
               </MenubarItem>
@@ -536,6 +553,7 @@ function MenubarDestructive() {
                   lucide="UserIcon"
                   tabler="IconUser"
                   hugeicons="UserIcon"
+                  phosphor="UserIcon"
                 />
                 Profile
               </MenubarItem>
@@ -544,6 +562,7 @@ function MenubarDestructive() {
                   lucide="SettingsIcon"
                   tabler="IconSettings"
                   hugeicons="SettingsIcon"
+                  phosphor="GearIcon"
                 />
                 Settings
               </MenubarItem>
@@ -555,6 +574,7 @@ function MenubarDestructive() {
                   lucide="LogOutIcon"
                   tabler="IconLogout"
                   hugeicons="LogoutIcon"
+                  phosphor="SignOutIcon"
                 />
                 Sign out
               </MenubarItem>
@@ -566,6 +586,7 @@ function MenubarDestructive() {
                   lucide="TrashIcon"
                   tabler="IconTrash"
                   hugeicons="DeleteIcon"
+                  phosphor="TrashIcon"
                 />
                 Delete
               </MenubarItem>
@@ -601,6 +622,7 @@ function MenubarInDialog() {
                       lucide="CopyIcon"
                       tabler="IconCopy"
                       hugeicons="CopyIcon"
+                      phosphor="CopyIcon"
                     />
                     Copy
                   </MenubarItem>
@@ -609,6 +631,7 @@ function MenubarInDialog() {
                       lucide="ScissorsIcon"
                       tabler="IconCut"
                       hugeicons="ScissorIcon"
+                      phosphor="ScissorsIcon"
                     />
                     Cut
                   </MenubarItem>
@@ -617,6 +640,7 @@ function MenubarInDialog() {
                       lucide="ClipboardPasteIcon"
                       tabler="IconClipboard"
                       hugeicons="ClipboardIcon"
+                      phosphor="ClipboardIcon"
                     />
                     Paste
                   </MenubarItem>
@@ -643,6 +667,7 @@ function MenubarInDialog() {
                       lucide="TrashIcon"
                       tabler="IconTrash"
                       hugeicons="DeleteIcon"
+                      phosphor="TrashIcon"
                     />
                     Delete
                   </MenubarItem>
diff --git a/apps/v4/registry/bases/radix/examples/navigation-menu-example.tsx b/apps/v4/registry/bases/radix/examples/navigation-menu-example.tsx
index dec68c8719c..0983ec45dca 100644
--- a/apps/v4/registry/bases/radix/examples/navigation-menu-example.tsx
+++ b/apps/v4/registry/bases/radix/examples/navigation-menu-example.tsx
@@ -197,6 +197,7 @@ function NavigationMenuWithoutViewport() {
                         lucide="CircleAlertIcon"
                         tabler="IconExclamationCircle"
                         hugeicons="AlertCircleIcon"
+                        phosphor="WarningCircleIcon"
                       />
                       Backlog
                     </Link>
@@ -207,6 +208,7 @@ function NavigationMenuWithoutViewport() {
                         lucide="CircleAlertIcon"
                         tabler="IconExclamationCircle"
                         hugeicons="AlertCircleIcon"
+                        phosphor="WarningCircleIcon"
                       />
                       To Do
                     </Link>
@@ -217,6 +219,7 @@ function NavigationMenuWithoutViewport() {
                         lucide="CircleAlertIcon"
                         tabler="IconExclamationCircle"
                         hugeicons="AlertCircleIcon"
+                        phosphor="WarningCircleIcon"
                       />
                       Done
                     </Link>
diff --git a/apps/v4/registry/bases/radix/examples/progress-example.tsx b/apps/v4/registry/bases/radix/examples/progress-example.tsx
index b8cf1c63373..de7cbd5c0c9 100644
--- a/apps/v4/registry/bases/radix/examples/progress-example.tsx
+++ b/apps/v4/registry/bases/radix/examples/progress-example.tsx
@@ -118,6 +118,7 @@ function FileUploadList() {
                 lucide="FileIcon"
                 tabler="IconFile"
                 hugeicons="FileIcon"
+                phosphor="FileIcon"
                 className="size-5"
               />
             </ItemMedia>
diff --git a/apps/v4/registry/bases/radix/examples/select-example.tsx b/apps/v4/registry/bases/radix/examples/select-example.tsx
index aa3b3d189a2..5c861420431 100644
--- a/apps/v4/registry/bases/radix/examples/select-example.tsx
+++ b/apps/v4/registry/bases/radix/examples/select-example.tsx
@@ -100,6 +100,7 @@ function SelectWithIcons() {
                     lucide="ChartLineIcon"
                     tabler="IconChartLine"
                     hugeicons="Chart03Icon"
+                    phosphor="ChartLineIcon"
                   />
                   Chart Type
                 </>
@@ -113,6 +114,7 @@ function SelectWithIcons() {
                   lucide="ChartLineIcon"
                   tabler="IconChartLine"
                   hugeicons="Chart03Icon"
+                  phosphor="ChartBarIcon"
                 />
                 Line
               </SelectItem>
@@ -121,6 +123,7 @@ function SelectWithIcons() {
                   lucide="ChartBarIcon"
                   tabler="IconChartBar"
                   hugeicons="Chart03Icon"
+                  phosphor="ChartBarIcon"
                 />
                 Bar
               </SelectItem>
@@ -129,6 +132,7 @@ function SelectWithIcons() {
                   lucide="ChartPieIcon"
                   tabler="IconChartPie"
                   hugeicons="Chart03Icon"
+                  phosphor="ChartPieIcon"
                 />
                 Pie
               </SelectItem>
@@ -144,6 +148,7 @@ function SelectWithIcons() {
                     lucide="ChartLineIcon"
                     tabler="IconChartLine"
                     hugeicons="Chart03Icon"
+                    phosphor="ChartLineIcon"
                   />
                   Chart Type
                 </>
@@ -157,6 +162,7 @@ function SelectWithIcons() {
                   lucide="ChartLineIcon"
                   tabler="IconChartLine"
                   hugeicons="Chart03Icon"
+                  phosphor="ChartLineIcon"
                 />
                 Line
               </SelectItem>
@@ -165,6 +171,7 @@ function SelectWithIcons() {
                   lucide="ChartBarIcon"
                   tabler="IconChartBar"
                   hugeicons="Chart03Icon"
+                  phosphor="ChartBarIcon"
                 />
                 Bar
               </SelectItem>
@@ -173,6 +180,7 @@ function SelectWithIcons() {
                   lucide="ChartPieIcon"
                   tabler="IconChartPie"
                   hugeicons="Chart03Icon"
+                  phosphor="ChartPieIcon"
                 />
                 Pie
               </SelectItem>
diff --git a/apps/v4/registry/bases/radix/examples/sidebar-example.tsx b/apps/v4/registry/bases/radix/examples/sidebar-example.tsx
index 6ea3d5de7f0..c16b0d82168 100644
--- a/apps/v4/registry/bases/radix/examples/sidebar-example.tsx
+++ b/apps/v4/registry/bases/radix/examples/sidebar-example.tsx
@@ -193,6 +193,7 @@ export default function SidebarExample() {
                           lucide="ChevronsUpDownIcon"
                           tabler="IconSelector"
                           hugeicons="UnfoldMoreIcon"
+                          phosphor="CaretUpDownIcon"
                         />
                       </ItemActions>
                     </Item>
@@ -211,6 +212,7 @@ export default function SidebarExample() {
                             lucide="CheckIcon"
                             tabler="IconCheck"
                             hugeicons="Tick02Icon"
+                            phosphor="CheckIcon"
                             className="ml-auto"
                           />
                         )}
@@ -236,6 +238,7 @@ export default function SidebarExample() {
                   lucide="SearchIcon"
                   tabler="IconSearch"
                   hugeicons="SearchIcon"
+                  phosphor="MagnifyingGlassIcon"
                   className="pointer-events-none absolute top-1/2 left-2 size-4 -translate-y-1/2 opacity-50 select-none"
                 />
               </SidebarGroupContent>
diff --git a/apps/v4/registry/bases/radix/examples/sidebar-floating-example.tsx b/apps/v4/registry/bases/radix/examples/sidebar-floating-example.tsx
index 559811a5dab..4e3a773c424 100644
--- a/apps/v4/registry/bases/radix/examples/sidebar-floating-example.tsx
+++ b/apps/v4/registry/bases/radix/examples/sidebar-floating-example.tsx
@@ -205,6 +205,7 @@ export default function SidebarFloatingExample() {
                           lucide="MoreHorizontalIcon"
                           tabler="IconDots"
                           hugeicons="MoreHorizontalCircle01Icon"
+                          phosphor="DotsThreeOutlineIcon"
                           className="ml-auto"
                         />
                       </SidebarMenuButton>
diff --git a/apps/v4/registry/bases/radix/examples/sidebar-icon-example.tsx b/apps/v4/registry/bases/radix/examples/sidebar-icon-example.tsx
index 49fda8025ee..3e6e488368f 100644
--- a/apps/v4/registry/bases/radix/examples/sidebar-icon-example.tsx
+++ b/apps/v4/registry/bases/radix/examples/sidebar-icon-example.tsx
@@ -80,6 +80,7 @@ export default function SidebarIconExample() {
             lucide="TerminalSquareIcon"
             tabler="IconTerminal2"
             hugeicons="ComputerTerminalIcon"
+            phosphor="TerminalIcon"
           />
         ),
         isActive: true,
@@ -106,6 +107,7 @@ export default function SidebarIconExample() {
             lucide="BotIcon"
             tabler="IconRobot"
             hugeicons="RoboticIcon"
+            phosphor="RobotIcon"
           />
         ),
         items: [
@@ -131,6 +133,7 @@ export default function SidebarIconExample() {
             lucide="BookOpen"
             tabler="IconBook"
             hugeicons="BookOpen02Icon"
+            phosphor="BookOpenIcon"
           />
         ),
         items: [
@@ -160,6 +163,7 @@ export default function SidebarIconExample() {
             lucide="Settings2Icon"
             tabler="IconSettings"
             hugeicons="Settings05Icon"
+            phosphor="GearIcon"
           />
         ),
         items: [
@@ -191,6 +195,7 @@ export default function SidebarIconExample() {
             lucide="FrameIcon"
             tabler="IconFrame"
             hugeicons="CropIcon"
+            phosphor="CropIcon"
           />
         ),
       },
@@ -202,6 +207,7 @@ export default function SidebarIconExample() {
             lucide="PieChartIcon"
             tabler="IconChartPie"
             hugeicons="PieChartIcon"
+            phosphor="ChartPieIcon"
           />
         ),
       },
@@ -213,6 +219,7 @@ export default function SidebarIconExample() {
             lucide="MapIcon"
             tabler="IconMap"
             hugeicons="MapsIcon"
+            phosphor="MapTrifoldIcon"
           />
         ),
       },
@@ -277,6 +284,7 @@ export default function SidebarIconExample() {
                       lucide="ChevronsUpDownIcon"
                       tabler="IconSelector"
                       hugeicons="UnfoldMoreIcon"
+                      phosphor="CaretUpDownIcon"
                     />
                   </SidebarMenuButton>
                 </DropdownMenuTrigger>
@@ -317,6 +325,7 @@ export default function SidebarIconExample() {
                           lucide="ChevronRightIcon"
                           tabler="IconChevronRight"
                           hugeicons="ArrowRight01Icon"
+                          phosphor="CaretRightIcon"
                           className="ml-auto transition-transform duration-100 group-data-open/collapsible:rotate-90"
                         />
                       </CollapsibleTrigger>
@@ -381,6 +390,7 @@ export default function SidebarIconExample() {
                       lucide="ChevronsUpDownIcon"
                       tabler="IconSelector"
                       hugeicons="UnfoldMoreIcon"
+                      phosphor="CaretUpDownIcon"
                     />
                   </SidebarMenuButton>
                 </DropdownMenuTrigger>
diff --git a/apps/v4/registry/bases/radix/examples/sidebar-inset-example.tsx b/apps/v4/registry/bases/radix/examples/sidebar-inset-example.tsx
index 82169f7a0ce..a0c269eda39 100644
--- a/apps/v4/registry/bases/radix/examples/sidebar-inset-example.tsx
+++ b/apps/v4/registry/bases/radix/examples/sidebar-inset-example.tsx
@@ -38,6 +38,7 @@ export default function SidebarInsetExample() {
             lucide="HomeIcon"
             tabler="IconHome"
             hugeicons="Home01Icon"
+            phosphor="HouseIcon"
           />
         ),
         isActive: true,
@@ -60,6 +61,7 @@ export default function SidebarInsetExample() {
             lucide="ChartLineIcon"
             tabler="IconChartLine"
             hugeicons="ChartIcon"
+            phosphor="ChartLineIcon"
           />
         ),
         items: [
@@ -81,6 +83,7 @@ export default function SidebarInsetExample() {
             lucide="ShoppingBagIcon"
             tabler="IconShoppingBag"
             hugeicons="ShoppingBag01Icon"
+            phosphor="BagIcon"
           />
         ),
         items: [
@@ -106,6 +109,7 @@ export default function SidebarInsetExample() {
             lucide="ShoppingCartIcon"
             tabler="IconShoppingCart"
             hugeicons="ShoppingCart01Icon"
+            phosphor="ShoppingCartIcon"
           />
         ),
         items: [
@@ -127,6 +131,7 @@ export default function SidebarInsetExample() {
             lucide="FileIcon"
             tabler="IconFile"
             hugeicons="File01Icon"
+            phosphor="FileIcon"
           />
         ),
       },
@@ -138,6 +143,7 @@ export default function SidebarInsetExample() {
             lucide="UserIcon"
             tabler="IconUser"
             hugeicons="UserIcon"
+            phosphor="UserIcon"
           />
         ),
       },
@@ -149,6 +155,7 @@ export default function SidebarInsetExample() {
             lucide="Settings2Icon"
             tabler="IconSettings"
             hugeicons="Settings05Icon"
+            phosphor="GearIcon"
           />
         ),
       },
@@ -162,6 +169,7 @@ export default function SidebarInsetExample() {
             lucide="LifeBuoy"
             tabler="IconLifebuoy"
             hugeicons="ChartRingIcon"
+            phosphor="LifebuoyIcon"
           />
         ),
       },
@@ -173,6 +181,7 @@ export default function SidebarInsetExample() {
             lucide="Send"
             tabler="IconSend"
             hugeicons="SentIcon"
+            phosphor="PaperPlaneTiltIcon"
           />
         ),
       },
@@ -211,6 +220,7 @@ export default function SidebarInsetExample() {
                               lucide="ChevronRightIcon"
                               tabler="IconChevronRight"
                               hugeicons="ArrowRight01Icon"
+                              phosphor="CaretRightIcon"
                             />
                             <span className="sr-only">Toggle</span>
                           </SidebarMenuAction>
diff --git a/apps/v4/registry/bases/radix/examples/spinner-example.tsx b/apps/v4/registry/bases/radix/examples/spinner-example.tsx
index 75cebffa1ba..7585ed851cc 100644
--- a/apps/v4/registry/bases/radix/examples/spinner-example.tsx
+++ b/apps/v4/registry/bases/radix/examples/spinner-example.tsx
@@ -135,6 +135,7 @@ function SpinnerInEmpty() {
                 lucide="ArrowRightIcon"
                 tabler="IconArrowRight"
                 hugeicons="ArrowRight02Icon"
+                phosphor="ArrowRightIcon"
               />
             </a>
           </Button>
diff --git a/apps/v4/registry/bases/radix/examples/table-example.tsx b/apps/v4/registry/bases/radix/examples/table-example.tsx
index 1b09ba30e1d..ce25e380b88 100644
--- a/apps/v4/registry/bases/radix/examples/table-example.tsx
+++ b/apps/v4/registry/bases/radix/examples/table-example.tsx
@@ -269,6 +269,7 @@ function TableWithActions() {
                       lucide="MoreHorizontalIcon"
                       tabler="IconDots"
                       hugeicons="MoreHorizontalCircle01Icon"
+                      phosphor="DotsThreeOutlineIcon"
                     />
                     <span className="sr-only">Open menu</span>
                   </Button>
@@ -295,6 +296,7 @@ function TableWithActions() {
                       lucide="MoreHorizontalIcon"
                       tabler="IconDots"
                       hugeicons="MoreHorizontalCircle01Icon"
+                      phosphor="DotsThreeOutlineIcon"
                     />
                     <span className="sr-only">Open menu</span>
                   </Button>
@@ -321,6 +323,7 @@ function TableWithActions() {
                       lucide="MoreHorizontalIcon"
                       tabler="IconDots"
                       hugeicons="MoreHorizontalCircle01Icon"
+                      phosphor="DotsThreeOutlineIcon"
                     />
                     <span className="sr-only">Open menu</span>
                   </Button>
diff --git a/apps/v4/registry/bases/radix/examples/tabs-example.tsx b/apps/v4/registry/bases/radix/examples/tabs-example.tsx
index 7776874f521..be60503f01f 100644
--- a/apps/v4/registry/bases/radix/examples/tabs-example.tsx
+++ b/apps/v4/registry/bases/radix/examples/tabs-example.tsx
@@ -112,6 +112,7 @@ function TabsWithIcons() {
               lucide="AppWindowIcon"
               tabler="IconAppWindow"
               hugeicons="CursorInWindowIcon"
+              phosphor="AppWindowIcon"
             />
             Preview
           </TabsTrigger>
@@ -120,6 +121,7 @@ function TabsWithIcons() {
               lucide="CodeIcon"
               tabler="IconCode"
               hugeicons="CodeIcon"
+              phosphor="CodeIcon"
             />
             Code
           </TabsTrigger>
@@ -139,6 +141,7 @@ function TabsIconOnly() {
               lucide="HomeIcon"
               tabler="IconHome"
               hugeicons="HomeIcon"
+              phosphor="HouseIcon"
             />
           </TabsTrigger>
           <TabsTrigger value="search">
@@ -146,6 +149,7 @@ function TabsIconOnly() {
               lucide="SearchIcon"
               tabler="IconSearch"
               hugeicons="SearchIcon"
+              phosphor="MagnifyingGlassIcon"
             />
           </TabsTrigger>
           <TabsTrigger value="settings">
@@ -153,6 +157,7 @@ function TabsIconOnly() {
               lucide="SettingsIcon"
               tabler="IconSettings"
               hugeicons="SettingsIcon"
+              phosphor="GearIcon"
             />
           </TabsTrigger>
         </TabsList>
@@ -259,6 +264,7 @@ function TabsWithDropdown() {
                   lucide="MoreHorizontalIcon"
                   tabler="IconDots"
                   hugeicons="MoreHorizontalCircle01Icon"
+                  phosphor="DotsThreeIcon"
                 />
                 <span className="sr-only">More options</span>
               </Button>
diff --git a/apps/v4/registry/bases/radix/examples/toggle-example.tsx b/apps/v4/registry/bases/radix/examples/toggle-example.tsx
index d2867009859..ea701557db0 100644
--- a/apps/v4/registry/bases/radix/examples/toggle-example.tsx
+++ b/apps/v4/registry/bases/radix/examples/toggle-example.tsx
@@ -30,6 +30,7 @@ function ToggleBasic() {
             lucide="BoldIcon"
             tabler="IconBold"
             hugeicons="TextBoldIcon"
+            phosphor="TextBIcon"
           />
         </Toggle>
         <Toggle aria-label="Toggle italic">
@@ -37,6 +38,7 @@ function ToggleBasic() {
             lucide="ItalicIcon"
             tabler="IconItalic"
             hugeicons="TextItalicIcon"
+            phosphor="TextItalicIcon"
           />
         </Toggle>
         <Toggle aria-label="Toggle underline">
@@ -44,6 +46,7 @@ function ToggleBasic() {
             lucide="UnderlineIcon"
             tabler="IconUnderline"
             hugeicons="TextUnderlineIcon"
+            phosphor="TextUnderlineIcon"
           />
         </Toggle>
       </div>
@@ -60,6 +63,7 @@ function ToggleOutline() {
             lucide="ItalicIcon"
             tabler="IconItalic"
             hugeicons="TextItalicIcon"
+            phosphor="TextItalicIcon"
           />
           Italic
         </Toggle>
@@ -68,6 +72,7 @@ function ToggleOutline() {
             lucide="BoldIcon"
             tabler="IconBold"
             hugeicons="TextBoldIcon"
+            phosphor="TextBIcon"
           />
           Bold
         </Toggle>
@@ -137,6 +142,7 @@ function ToggleWithButtonIcon() {
               lucide="BoldIcon"
               tabler="IconBold"
               hugeicons="TextBoldIcon"
+              phosphor="TextBIcon"
             />
           </Button>
           <Toggle variant="outline" aria-label="Toggle sm icon" size="sm">
@@ -144,6 +150,7 @@ function ToggleWithButtonIcon() {
               lucide="BoldIcon"
               tabler="IconBold"
               hugeicons="TextBoldIcon"
+              phosphor="TextBIcon"
             />
           </Toggle>
         </div>
@@ -153,6 +160,7 @@ function ToggleWithButtonIcon() {
               lucide="ItalicIcon"
               tabler="IconItalic"
               hugeicons="TextItalicIcon"
+              phosphor="TextItalicIcon"
             />
           </Button>
           <Toggle
@@ -164,6 +172,7 @@ function ToggleWithButtonIcon() {
               lucide="ItalicIcon"
               tabler="IconItalic"
               hugeicons="TextItalicIcon"
+              phosphor="TextItalicIcon"
             />
           </Toggle>
         </div>
@@ -173,6 +182,7 @@ function ToggleWithButtonIcon() {
               lucide="UnderlineIcon"
               tabler="IconUnderline"
               hugeicons="TextUnderlineIcon"
+              phosphor="TextUnderlineIcon"
             />
           </Button>
           <Toggle variant="outline" aria-label="Toggle lg icon" size="lg">
@@ -180,6 +190,7 @@ function ToggleWithButtonIcon() {
               lucide="UnderlineIcon"
               tabler="IconUnderline"
               hugeicons="TextUnderlineIcon"
+              phosphor="TextUnderlineIcon"
             />
           </Toggle>
         </div>
@@ -199,6 +210,7 @@ function ToggleWithButtonIconText() {
               tabler="IconBold"
               hugeicons="TextBoldIcon"
               data-icon="inline-start"
+              phosphor="TextBIcon"
             />
             Button
           </Button>
@@ -207,6 +219,7 @@ function ToggleWithButtonIconText() {
               lucide="BoldIcon"
               tabler="IconBold"
               hugeicons="TextBoldIcon"
+              phosphor="TextBIcon"
             />
             Toggle
           </Toggle>
@@ -217,6 +230,7 @@ function ToggleWithButtonIconText() {
               lucide="ItalicIcon"
               tabler="IconItalic"
               hugeicons="TextItalicIcon"
+              phosphor="TextItalicIcon"
               data-icon="inline-start"
             />
             Button
@@ -230,6 +244,7 @@ function ToggleWithButtonIconText() {
               lucide="ItalicIcon"
               tabler="IconItalic"
               hugeicons="TextItalicIcon"
+              phosphor="TextItalicIcon"
             />
             Toggle
           </Toggle>
@@ -240,6 +255,7 @@ function ToggleWithButtonIconText() {
               lucide="UnderlineIcon"
               tabler="IconUnderline"
               hugeicons="TextUnderlineIcon"
+              phosphor="TextUnderlineIcon"
               data-icon="inline-start"
             />
             Button
@@ -249,6 +265,7 @@ function ToggleWithButtonIconText() {
               lucide="UnderlineIcon"
               tabler="IconUnderline"
               hugeicons="TextUnderlineIcon"
+              phosphor="TextUnderlineIcon"
             />
             Toggle
           </Toggle>
@@ -282,6 +299,7 @@ function ToggleWithIcon() {
             lucide="BookmarkIcon"
             tabler="IconBookmark"
             hugeicons="BookmarkIcon"
+            phosphor="BookmarkIcon"
             className="group-data-[state=on]/toggle:fill-accent-foreground"
           />
         </Toggle>
@@ -290,6 +308,7 @@ function ToggleWithIcon() {
             lucide="BookmarkIcon"
             tabler="IconBookmark"
             hugeicons="BookmarkIcon"
+            phosphor="BookmarkIcon"
             className="group-data-[state=on]/toggle:fill-accent-foreground"
           />
           Bookmark
diff --git a/apps/v4/registry/bases/radix/examples/toggle-group-example.tsx b/apps/v4/registry/bases/radix/examples/toggle-group-example.tsx
index 286f996cd35..1283ca655a0 100644
--- a/apps/v4/registry/bases/radix/examples/toggle-group-example.tsx
+++ b/apps/v4/registry/bases/radix/examples/toggle-group-example.tsx
@@ -47,6 +47,7 @@ function ToggleGroupBasic() {
             lucide="BoldIcon"
             tabler="IconBold"
             hugeicons="TextBoldIcon"
+            phosphor="TextBIcon"
           />
         </ToggleGroupItem>
         <ToggleGroupItem value="italic" aria-label="Toggle italic">
@@ -54,6 +55,7 @@ function ToggleGroupBasic() {
             lucide="ItalicIcon"
             tabler="IconItalic"
             hugeicons="TextItalicIcon"
+            phosphor="TextItalicIcon"
           />
         </ToggleGroupItem>
         <ToggleGroupItem value="underline" aria-label="Toggle underline">
@@ -61,6 +63,7 @@ function ToggleGroupBasic() {
             lucide="UnderlineIcon"
             tabler="IconUnderline"
             hugeicons="TextUnderlineIcon"
+            phosphor="TextUnderlineIcon"
           />
         </ToggleGroupItem>
       </ToggleGroup>
@@ -92,6 +95,7 @@ function ToggleGroupOutlineWithIcons() {
             lucide="BoldIcon"
             tabler="IconBold"
             hugeicons="TextBoldIcon"
+            phosphor="TextBIcon"
           />
         </ToggleGroupItem>
         <ToggleGroupItem value="italic" aria-label="Toggle italic">
@@ -99,6 +103,7 @@ function ToggleGroupOutlineWithIcons() {
             lucide="ItalicIcon"
             tabler="IconItalic"
             hugeicons="TextItalicIcon"
+            phosphor="TextItalicIcon"
           />
         </ToggleGroupItem>
         <ToggleGroupItem value="underline" aria-label="Toggle underline">
@@ -106,6 +111,7 @@ function ToggleGroupOutlineWithIcons() {
             lucide="UnderlineIcon"
             tabler="IconUnderline"
             hugeicons="TextUnderlineIcon"
+            phosphor="TextUnderlineIcon"
           />
         </ToggleGroupItem>
       </ToggleGroup>
@@ -195,6 +201,7 @@ function ToggleGroupWithIcons() {
             lucide="StarIcon"
             tabler="IconStar"
             hugeicons="StarIcon"
+            phosphor="StarIcon"
           />
           Star
         </ToggleGroupItem>
@@ -207,6 +214,7 @@ function ToggleGroupWithIcons() {
             lucide="HeartIcon"
             tabler="IconHeart"
             hugeicons="FavouriteIcon"
+            phosphor="HeartIcon"
           />
           Heart
         </ToggleGroupItem>
@@ -219,6 +227,7 @@ function ToggleGroupWithIcons() {
             lucide="BookmarkIcon"
             tabler="IconBookmark"
             hugeicons="BookmarkIcon"
+            phosphor="BookmarkIcon"
           />
           Bookmark
         </ToggleGroupItem>
@@ -289,6 +298,7 @@ function ToggleGroupSort() {
             lucide="ArrowDownIcon"
             tabler="IconArrowDown"
             hugeicons="ArrowDownIcon"
+            phosphor="ArrowDownIcon"
           />
           Newest
         </ToggleGroupItem>
@@ -297,6 +307,7 @@ function ToggleGroupSort() {
             lucide="ArrowUpIcon"
             tabler="IconArrowUp"
             hugeicons="ArrowUpIcon"
+            phosphor="ArrowUpIcon"
           />
           Oldest
         </ToggleGroupItem>
@@ -305,6 +316,7 @@ function ToggleGroupSort() {
             lucide="TrendingUpIcon"
             tabler="IconTrendingUp"
             hugeicons="TradeUpIcon"
+            phosphor="TrendUpIcon"
           />
           Popular
         </ToggleGroupItem>
@@ -352,6 +364,7 @@ function ToggleGroupVertical() {
             lucide="BoldIcon"
             tabler="IconBold"
             hugeicons="TextBoldIcon"
+            phosphor="TextBIcon"
           />
         </ToggleGroupItem>
         <ToggleGroupItem value="italic" aria-label="Toggle italic">
@@ -359,6 +372,7 @@ function ToggleGroupVertical() {
             lucide="ItalicIcon"
             tabler="IconItalic"
             hugeicons="TextItalicIcon"
+            phosphor="TextItalicIcon"
           />
         </ToggleGroupItem>
         <ToggleGroupItem value="underline" aria-label="Toggle underline">
@@ -366,6 +380,7 @@ function ToggleGroupVertical() {
             lucide="UnderlineIcon"
             tabler="IconUnderline"
             hugeicons="TextUnderlineIcon"
+            phosphor="TextUnderlineIcon"
           />
         </ToggleGroupItem>
       </ToggleGroup>
@@ -414,6 +429,7 @@ function ToggleGroupVerticalOutlineWithIcons() {
             lucide="BoldIcon"
             tabler="IconBold"
             hugeicons="TextBoldIcon"
+            phosphor="TextBIcon"
           />
         </ToggleGroupItem>
         <ToggleGroupItem value="italic" aria-label="Toggle italic">
@@ -421,6 +437,7 @@ function ToggleGroupVerticalOutlineWithIcons() {
             lucide="ItalicIcon"
             tabler="IconItalic"
             hugeicons="TextItalicIcon"
+            phosphor="TextItalicIcon"
           />
         </ToggleGroupItem>
         <ToggleGroupItem value="underline" aria-label="Toggle underline">
@@ -428,6 +445,7 @@ function ToggleGroupVerticalOutlineWithIcons() {
             lucide="UnderlineIcon"
             tabler="IconUnderline"
             hugeicons="TextUnderlineIcon"
+            phosphor="TextUnderlineIcon"
           />
         </ToggleGroupItem>
       </ToggleGroup>
diff --git a/apps/v4/registry/bases/radix/examples/tooltip-example.tsx b/apps/v4/registry/bases/radix/examples/tooltip-example.tsx
index d1669008a35..448fb31ba34 100644
--- a/apps/v4/registry/bases/radix/examples/tooltip-example.tsx
+++ b/apps/v4/registry/bases/radix/examples/tooltip-example.tsx
@@ -76,6 +76,7 @@ function TooltipWithIcon() {
               lucide="InfoIcon"
               tabler="IconInfoCircle"
               hugeicons="AlertCircleIcon"
+              phosphor="InfoIcon"
             />
             <span className="sr-only">Info</span>
           </Button>
@@ -135,6 +136,7 @@ function TooltipWithKeyboard() {
               lucide="SaveIcon"
               tabler="IconDeviceFloppy"
               hugeicons="FloppyDiskIcon"
+              phosphor="FloppyDiskIcon"
             />
           </Button>
         </TooltipTrigger>
diff --git a/apps/v4/registry/bases/radix/ui/accordion.tsx b/apps/v4/registry/bases/radix/ui/accordion.tsx
index f2a2c7bbadf..d5800b535df 100644
--- a/apps/v4/registry/bases/radix/ui/accordion.tsx
+++ b/apps/v4/registry/bases/radix/ui/accordion.tsx
@@ -53,6 +53,7 @@ function AccordionTrigger({
           tabler="IconChevronDown"
           data-slot="accordion-trigger-icon"
           hugeicons="ArrowDown01Icon"
+          phosphor="CaretDownIcon"
           className="cn-accordion-trigger-icon pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden"
         />
         <IconPlaceholder
@@ -60,6 +61,7 @@ function AccordionTrigger({
           tabler="IconChevronUp"
           data-slot="accordion-trigger-icon"
           hugeicons="ArrowUp01Icon"
+          phosphor="CaretUpIcon"
           className="cn-accordion-trigger-icon pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline"
         />
       </AccordionPrimitive.Trigger>
diff --git a/apps/v4/registry/bases/radix/ui/breadcrumb.tsx b/apps/v4/registry/bases/radix/ui/breadcrumb.tsx
index 0610205836b..b0de30ad266 100644
--- a/apps/v4/registry/bases/radix/ui/breadcrumb.tsx
+++ b/apps/v4/registry/bases/radix/ui/breadcrumb.tsx
@@ -87,6 +87,7 @@ function BreadcrumbSeparator({
           lucide="ChevronRightIcon"
           tabler="IconChevronRight"
           hugeicons="ArrowRight01Icon"
+          phosphor="CaretRightIcon"
         />
       )}
     </li>
@@ -112,6 +113,7 @@ function BreadcrumbEllipsis({
         lucide="MoreHorizontalIcon"
         tabler="IconDots"
         hugeicons="MoreHorizontalCircle01Icon"
+        phosphor="DotsThreeIcon"
       />
       <span className="sr-only">More</span>
     </span>
diff --git a/apps/v4/registry/bases/radix/ui/calendar.tsx b/apps/v4/registry/bases/radix/ui/calendar.tsx
index 1fc4fac691e..a91c19ce7ea 100644
--- a/apps/v4/registry/bases/radix/ui/calendar.tsx
+++ b/apps/v4/registry/bases/radix/ui/calendar.tsx
@@ -148,6 +148,7 @@ function Calendar({
                 lucide="ChevronLeftIcon"
                 tabler="IconChevronLeft"
                 hugeicons="ArrowLeftIcon"
+                phosphor="CaretLeftIcon"
                 className={cn("size-4", className)}
                 {...props}
               />
@@ -160,6 +161,7 @@ function Calendar({
                 lucide="ChevronRightIcon"
                 tabler="IconChevronRight"
                 hugeicons="ArrowRightIcon"
+                phosphor="CaretRightIcon"
                 className={cn("size-4", className)}
                 {...props}
               />
@@ -171,6 +173,7 @@ function Calendar({
               lucide="ChevronDownIcon"
               tabler="IconChevronDown"
               hugeicons="ArrowDownIcon"
+              phosphor="CaretDownIcon"
               className={cn("size-4", className)}
               {...props}
             />
diff --git a/apps/v4/registry/bases/radix/ui/carousel.tsx b/apps/v4/registry/bases/radix/ui/carousel.tsx
index c29050b10b5..0423976a952 100644
--- a/apps/v4/registry/bases/radix/ui/carousel.tsx
+++ b/apps/v4/registry/bases/radix/ui/carousel.tsx
@@ -199,6 +199,7 @@ function CarouselPrevious({
         lucide="ChevronLeftIcon"
         tabler="IconChevronLeft"
         hugeicons="ArrowLeft01Icon"
+        phosphor="CaretLeftIcon"
       />
       <span className="sr-only">Previous slide</span>
     </Button>
@@ -233,6 +234,7 @@ function CarouselNext({
         lucide="ChevronRightIcon"
         tabler="IconChevronRight"
         hugeicons="ArrowRight01Icon"
+        phosphor="CaretRightIcon"
       />
       <span className="sr-only">Next slide</span>
     </Button>
diff --git a/apps/v4/registry/bases/radix/ui/checkbox.tsx b/apps/v4/registry/bases/radix/ui/checkbox.tsx
index 4c61c5030bc..c782452eacd 100644
--- a/apps/v4/registry/bases/radix/ui/checkbox.tsx
+++ b/apps/v4/registry/bases/radix/ui/checkbox.tsx
@@ -27,6 +27,7 @@ function Checkbox({
           lucide="CheckIcon"
           tabler="IconCheck"
           hugeicons="Tick02Icon"
+          phosphor="CheckIcon"
         />
       </CheckboxPrimitive.Indicator>
     </CheckboxPrimitive.Root>
diff --git a/apps/v4/registry/bases/radix/ui/combobox.tsx b/apps/v4/registry/bases/radix/ui/combobox.tsx
index c65001ef974..08f98366e0c 100644
--- a/apps/v4/registry/bases/radix/ui/combobox.tsx
+++ b/apps/v4/registry/bases/radix/ui/combobox.tsx
@@ -35,6 +35,7 @@ function ComboboxTrigger({
         lucide="ChevronDownIcon"
         tabler="IconChevronDown"
         hugeicons="ArrowDown01Icon"
+        phosphor="CaretDownIcon"
         className="cn-combobox-trigger-icon pointer-events-none"
       />
     </ComboboxPrimitive.Trigger>
@@ -53,6 +54,7 @@ function ComboboxClear({ className, ...props }: ComboboxPrimitive.Clear.Props) {
         lucide="XIcon"
         tabler="IconX"
         hugeicons="Cancel01Icon"
+        phosphor="XIcon"
         className="cn-combobox-clear-icon pointer-events-none"
       />
     </ComboboxPrimitive.Clear>
@@ -168,6 +170,7 @@ function ComboboxItem({
           lucide="CheckIcon"
           tabler="IconCheck"
           hugeicons="Tick02Icon"
+          phosphor="CheckIcon"
           className="cn-combobox-item-indicator-icon pointer-events-none"
         />
       </ComboboxPrimitive.ItemIndicator>
@@ -269,6 +272,7 @@ function ComboboxChip({
             lucide="XIcon"
             tabler="IconX"
             hugeicons="Cancel01Icon"
+            phosphor="XIcon"
             className="cn-combobox-chip-indicator-icon pointer-events-none"
           />
         </ComboboxPrimitive.ChipRemove>
diff --git a/apps/v4/registry/bases/radix/ui/command.tsx b/apps/v4/registry/bases/radix/ui/command.tsx
index c2beec6cdeb..51d0ff3c037 100644
--- a/apps/v4/registry/bases/radix/ui/command.tsx
+++ b/apps/v4/registry/bases/radix/ui/command.tsx
@@ -82,6 +82,7 @@ function CommandInput({
             lucide="SearchIcon"
             tabler="IconSearch"
             hugeicons="SearchIcon"
+            phosphor="MagnifyingGlassIcon"
             className="cn-command-input-icon"
           />
         </InputGroupAddon>
@@ -164,6 +165,7 @@ function CommandItem({
         lucide="CheckIcon"
         tabler="IconCheck"
         hugeicons="Tick02Icon"
+        phosphor="CheckIcon"
         className="cn-command-item-indicator ml-auto opacity-0 group-has-[[data-slot=command-shortcut]]/command-item:hidden group-data-[checked=true]/command-item:opacity-100"
       />
     </CommandPrimitive.Item>
diff --git a/apps/v4/registry/bases/radix/ui/context-menu.tsx b/apps/v4/registry/bases/radix/ui/context-menu.tsx
index 5c7667543e4..2ed5eea9257 100644
--- a/apps/v4/registry/bases/radix/ui/context-menu.tsx
+++ b/apps/v4/registry/bases/radix/ui/context-menu.tsx
@@ -124,6 +124,7 @@ function ContextMenuSubTrigger({
         lucide="ChevronRightIcon"
         tabler="IconChevronRight"
         hugeicons="ArrowRight01Icon"
+        phosphor="CaretRightIcon"
         className="ml-auto"
       />
     </ContextMenuPrimitive.SubTrigger>
@@ -168,6 +169,7 @@ function ContextMenuCheckboxItem({
             lucide="CheckIcon"
             tabler="IconCheck"
             hugeicons="Tick02Icon"
+            phosphor="CheckIcon"
           />
         </ContextMenuPrimitive.ItemIndicator>
       </span>
@@ -196,6 +198,7 @@ function ContextMenuRadioItem({
             lucide="CheckIcon"
             tabler="IconCheck"
             hugeicons="Tick02Icon"
+            phosphor="CheckIcon"
           />
         </ContextMenuPrimitive.ItemIndicator>
       </span>
diff --git a/apps/v4/registry/bases/radix/ui/dialog.tsx b/apps/v4/registry/bases/radix/ui/dialog.tsx
index 370562d43b8..f2be4d91b14 100644
--- a/apps/v4/registry/bases/radix/ui/dialog.tsx
+++ b/apps/v4/registry/bases/radix/ui/dialog.tsx
@@ -71,6 +71,7 @@ function DialogContent({
                 lucide="XIcon"
                 tabler="IconX"
                 hugeicons="Cancel01Icon"
+                phosphor="XIcon"
               />
               <span className="sr-only">Close</span>
             </Button>
diff --git a/apps/v4/registry/bases/radix/ui/dropdown-menu.tsx b/apps/v4/registry/bases/radix/ui/dropdown-menu.tsx
index 91f74d555ef..77866e3b4ce 100644
--- a/apps/v4/registry/bases/radix/ui/dropdown-menu.tsx
+++ b/apps/v4/registry/bases/radix/ui/dropdown-menu.tsx
@@ -109,6 +109,7 @@ function DropdownMenuCheckboxItem({
             lucide="CheckIcon"
             tabler="IconCheck"
             hugeicons="Tick02Icon"
+            phosphor="CheckIcon"
           />
         </DropdownMenuPrimitive.ItemIndicator>
       </span>
@@ -151,6 +152,7 @@ function DropdownMenuRadioItem({
             lucide="CheckIcon"
             tabler="IconCheck"
             hugeicons="Tick02Icon"
+            phosphor="CheckIcon"
           />
         </DropdownMenuPrimitive.ItemIndicator>
       </span>
@@ -231,6 +233,7 @@ function DropdownMenuSubTrigger({
         lucide="ChevronRightIcon"
         tabler="IconChevronRight"
         hugeicons="ArrowRight01Icon"
+        phosphor="CaretRightIcon"
         className="ml-auto"
       />
     </DropdownMenuPrimitive.SubTrigger>
diff --git a/apps/v4/registry/bases/radix/ui/input-otp.tsx b/apps/v4/registry/bases/radix/ui/input-otp.tsx
index 39f3fe5f539..f6a38cbd1cc 100644
--- a/apps/v4/registry/bases/radix/ui/input-otp.tsx
+++ b/apps/v4/registry/bases/radix/ui/input-otp.tsx
@@ -82,6 +82,7 @@ function InputOTPSeparator({ ...props }: React.ComponentProps<"div">) {
         lucide="MinusIcon"
         tabler="IconMinus"
         hugeicons="MinusSignIcon"
+        phosphor="MinusIcon"
       />
     </div>
   )
diff --git a/apps/v4/registry/bases/radix/ui/menubar.tsx b/apps/v4/registry/bases/radix/ui/menubar.tsx
index 3d397f8c3e5..04d1e4defea 100644
--- a/apps/v4/registry/bases/radix/ui/menubar.tsx
+++ b/apps/v4/registry/bases/radix/ui/menubar.tsx
@@ -130,6 +130,7 @@ function MenubarCheckboxItem({
             lucide="CheckIcon"
             tabler="IconCheck"
             hugeicons="Tick02Icon"
+            phosphor="CheckIcon"
           />
         </MenubarPrimitive.ItemIndicator>
       </span>
@@ -158,6 +159,7 @@ function MenubarRadioItem({
             lucide="CheckIcon"
             tabler="IconCheck"
             hugeicons="Tick02Icon"
+            phosphor="CheckIcon"
           />
         </MenubarPrimitive.ItemIndicator>
       </span>
@@ -238,6 +240,7 @@ function MenubarSubTrigger({
         lucide="ChevronRightIcon"
         tabler="IconChevronRight"
         hugeicons="ArrowRight01Icon"
+        phosphor="CaretRightIcon"
         className="ml-auto size-4"
       />
     </MenubarPrimitive.SubTrigger>
diff --git a/apps/v4/registry/bases/radix/ui/native-select.tsx b/apps/v4/registry/bases/radix/ui/native-select.tsx
index b4f02108b3e..9d8f5b83475 100644
--- a/apps/v4/registry/bases/radix/ui/native-select.tsx
+++ b/apps/v4/registry/bases/radix/ui/native-select.tsx
@@ -31,6 +31,7 @@ function NativeSelect({
         lucide="ChevronDownIcon"
         tabler="IconSelector"
         hugeicons="UnfoldMoreIcon"
+        phosphor="CaretDownIcon"
         className="cn-native-select-icon pointer-events-none absolute select-none"
         aria-hidden="true"
         data-slot="native-select-icon"
diff --git a/apps/v4/registry/bases/radix/ui/navigation-menu.tsx b/apps/v4/registry/bases/radix/ui/navigation-menu.tsx
index 2eda2f0c9f4..707c9407c12 100644
--- a/apps/v4/registry/bases/radix/ui/navigation-menu.tsx
+++ b/apps/v4/registry/bases/radix/ui/navigation-menu.tsx
@@ -78,6 +78,7 @@ function NavigationMenuTrigger({
         lucide="ChevronDownIcon"
         tabler="IconChevronDown"
         hugeicons="ArrowDown01Icon"
+        phosphor="CaretDownIcon"
         className="cn-navigation-menu-trigger-icon"
         aria-hidden="true"
       />
diff --git a/apps/v4/registry/bases/radix/ui/pagination.tsx b/apps/v4/registry/bases/radix/ui/pagination.tsx
index 74eb8c58155..df06a1e2fc3 100644
--- a/apps/v4/registry/bases/radix/ui/pagination.tsx
+++ b/apps/v4/registry/bases/radix/ui/pagination.tsx
@@ -79,6 +79,7 @@ function PaginationPrevious({
         lucide="ChevronLeftIcon"
         tabler="IconChevronLeft"
         hugeicons="ArrowLeft01Icon"
+        phosphor="CaretLeftIcon"
         data-icon="inline-start"
       />
       <span className="cn-pagination-previous-text hidden sm:block">
@@ -104,6 +105,7 @@ function PaginationNext({
         lucide="ChevronRightIcon"
         tabler="IconChevronRight"
         hugeicons="ArrowRight01Icon"
+        phosphor="CaretRightIcon"
         data-icon="inline-end"
       />
     </PaginationLink>
@@ -128,6 +130,7 @@ function PaginationEllipsis({
         lucide="MoreHorizontalIcon"
         tabler="IconDots"
         hugeicons="MoreHorizontalCircle01Icon"
+        phosphor="DotsThreeIcon"
       />
       <span className="sr-only">More pages</span>
     </span>
diff --git a/apps/v4/registry/bases/radix/ui/radio-group.tsx b/apps/v4/registry/bases/radix/ui/radio-group.tsx
index efa4d8e1728..ff66a4518d2 100644
--- a/apps/v4/registry/bases/radix/ui/radio-group.tsx
+++ b/apps/v4/registry/bases/radix/ui/radio-group.tsx
@@ -40,6 +40,7 @@ function RadioGroupItem({
           lucide="CircleIcon"
           tabler="IconCircle"
           hugeicons="CircleIcon"
+          phosphor="CircleIcon"
           className="cn-radio-group-indicator-icon"
         />
       </RadioGroupPrimitive.Indicator>
diff --git a/apps/v4/registry/bases/radix/ui/select.tsx b/apps/v4/registry/bases/radix/ui/select.tsx
index e8e5530e689..002361b095b 100644
--- a/apps/v4/registry/bases/radix/ui/select.tsx
+++ b/apps/v4/registry/bases/radix/ui/select.tsx
@@ -55,6 +55,7 @@ function SelectTrigger({
           lucide="ChevronDownIcon"
           tabler="IconSelector"
           hugeicons="UnfoldMoreIcon"
+          phosphor="CaretDownIcon"
           className="cn-select-trigger-icon pointer-events-none"
         />
       </SelectPrimitive.Icon>
@@ -132,6 +133,7 @@ function SelectItem({
             lucide="CheckIcon"
             tabler="IconCheck"
             hugeicons="Tick02Icon"
+            phosphor="CheckIcon"
             className="cn-select-item-indicator-icon pointer-events-none"
           />
         </SelectPrimitive.ItemIndicator>
@@ -168,6 +170,7 @@ function SelectScrollUpButton({
         lucide="ChevronUpIcon"
         tabler="IconChevronUp"
         hugeicons="ArrowUp01Icon"
+        phosphor="CaretUpIcon"
       />
     </SelectPrimitive.ScrollUpButton>
   )
@@ -187,6 +190,7 @@ function SelectScrollDownButton({
         lucide="ChevronDownIcon"
         tabler="IconChevronDown"
         hugeicons="ArrowDown01Icon"
+        phosphor="CaretDownIcon"
       />
     </SelectPrimitive.ScrollDownButton>
   )
diff --git a/apps/v4/registry/bases/radix/ui/sheet.tsx b/apps/v4/registry/bases/radix/ui/sheet.tsx
index 3a0f3b1014d..8a9734c0486 100644
--- a/apps/v4/registry/bases/radix/ui/sheet.tsx
+++ b/apps/v4/registry/bases/radix/ui/sheet.tsx
@@ -69,6 +69,7 @@ function SheetContent({
                 lucide="XIcon"
                 tabler="IconX"
                 hugeicons="Cancel01Icon"
+                phosphor="XIcon"
               />
               <span className="sr-only">Close</span>
             </Button>
diff --git a/apps/v4/registry/bases/radix/ui/sidebar.tsx b/apps/v4/registry/bases/radix/ui/sidebar.tsx
index 1cce57184bd..6fca7c93eaf 100644
--- a/apps/v4/registry/bases/radix/ui/sidebar.tsx
+++ b/apps/v4/registry/bases/radix/ui/sidebar.tsx
@@ -274,6 +274,7 @@ function SidebarTrigger({
         lucide="PanelLeftIcon"
         tabler="IconLayoutSidebar"
         hugeicons="SidebarLeftIcon"
+        phosphor="SidebarIcon"
       />
       <span className="sr-only">Toggle Sidebar</span>
     </Button>
diff --git a/apps/v4/registry/bases/radix/ui/sonner.tsx b/apps/v4/registry/bases/radix/ui/sonner.tsx
index 40709d42313..897bd01cd74 100644
--- a/apps/v4/registry/bases/radix/ui/sonner.tsx
+++ b/apps/v4/registry/bases/radix/ui/sonner.tsx
@@ -18,6 +18,7 @@ const Toaster = ({ ...props }: ToasterProps) => {
             lucide="CircleCheckIcon"
             tabler="IconCircleCheck"
             hugeicons="CheckmarkCircle02Icon"
+            phosphor="CheckCircleIcon"
             className="size-4"
           />
         ),
@@ -26,6 +27,7 @@ const Toaster = ({ ...props }: ToasterProps) => {
             lucide="InfoIcon"
             tabler="IconInfoCircle"
             hugeicons="InformationCircleIcon"
+            phosphor="InfoIcon"
             className="size-4"
           />
         ),
@@ -34,6 +36,7 @@ const Toaster = ({ ...props }: ToasterProps) => {
             lucide="TriangleAlertIcon"
             tabler="IconAlertTriangle"
             hugeicons="Alert02Icon"
+            phosphor="WarningIcon"
             className="size-4"
           />
         ),
@@ -42,6 +45,7 @@ const Toaster = ({ ...props }: ToasterProps) => {
             lucide="OctagonXIcon"
             tabler="IconAlertOctagon"
             hugeicons="MultiplicationSignCircleIcon"
+            phosphor="XCircleIcon"
             className="size-4"
           />
         ),
@@ -50,6 +54,7 @@ const Toaster = ({ ...props }: ToasterProps) => {
             lucide="Loader2Icon"
             tabler="IconLoader"
             hugeicons="Loading03Icon"
+            phosphor="SpinnerIcon"
             className="size-4 animate-spin"
           />
         ),
diff --git a/apps/v4/registry/bases/radix/ui/spinner.tsx b/apps/v4/registry/bases/radix/ui/spinner.tsx
index 75b7fd9711c..d49902980f0 100644
--- a/apps/v4/registry/bases/radix/ui/spinner.tsx
+++ b/apps/v4/registry/bases/radix/ui/spinner.tsx
@@ -7,6 +7,7 @@ function Spinner({ className, ...props }: React.ComponentProps<"svg">) {
       lucide="Loader2Icon"
       tabler="IconLoader"
       hugeicons="Loading03Icon"
+      phosphor="SpinnerIcon"
       role="status"
       aria-label="Loading"
       className={cn("size-4 animate-spin", className)}
diff --git a/apps/v4/registry/icons/__phosphor__.ts b/apps/v4/registry/icons/__phosphor__.ts
new file mode 100644
index 00000000000..43e1debb4a5
--- /dev/null
+++ b/apps/v4/registry/icons/__phosphor__.ts
@@ -0,0 +1,126 @@
+// Auto-generated by scripts/build-icons.ts
+export { ActivityIcon } from "@phosphor-icons/react"
+export { AppWindowIcon } from "@phosphor-icons/react"
+export { ArchiveIcon } from "@phosphor-icons/react"
+export { ArrowCircleLeftIcon } from "@phosphor-icons/react"
+export { ArrowClockwiseIcon } from "@phosphor-icons/react"
+export { ArrowDownIcon } from "@phosphor-icons/react"
+export { ArrowLeftIcon } from "@phosphor-icons/react"
+export { ArrowRightIcon } from "@phosphor-icons/react"
+export { ArrowSquareOutIcon } from "@phosphor-icons/react"
+export { ArrowUpIcon } from "@phosphor-icons/react"
+export { ArrowUpRightIcon } from "@phosphor-icons/react"
+export { ArrowsHorizontalIcon } from "@phosphor-icons/react"
+export { ArrowsVerticalIcon } from "@phosphor-icons/react"
+export { BagIcon } from "@phosphor-icons/react"
+export { BankIcon } from "@phosphor-icons/react"
+export { BellIcon } from "@phosphor-icons/react"
+export { BluetoothIcon } from "@phosphor-icons/react"
+export { BookOpenIcon } from "@phosphor-icons/react"
+export { BookmarkIcon } from "@phosphor-icons/react"
+export { CalculatorIcon } from "@phosphor-icons/react"
+export { CalendarBlankIcon } from "@phosphor-icons/react"
+export { CalendarIcon } from "@phosphor-icons/react"
+export { CalendarPlusIcon } from "@phosphor-icons/react"
+export { CaretDownIcon } from "@phosphor-icons/react"
+export { CaretLeftIcon } from "@phosphor-icons/react"
+export { CaretRightIcon } from "@phosphor-icons/react"
+export { CaretUpDownIcon } from "@phosphor-icons/react"
+export { CaretUpIcon } from "@phosphor-icons/react"
+export { ChartBarIcon } from "@phosphor-icons/react"
+export { ChartLineIcon } from "@phosphor-icons/react"
+export { ChartPieIcon } from "@phosphor-icons/react"
+export { ChatCircleIcon } from "@phosphor-icons/react"
+export { CheckCircleIcon } from "@phosphor-icons/react"
+export { CheckIcon } from "@phosphor-icons/react"
+export { CircleDashedIcon } from "@phosphor-icons/react"
+export { CircleIcon } from "@phosphor-icons/react"
+export { ClipboardIcon } from "@phosphor-icons/react"
+export { ClockIcon } from "@phosphor-icons/react"
+export { CloudArrowUpIcon } from "@phosphor-icons/react"
+export { CodeIcon } from "@phosphor-icons/react"
+export { CopyIcon } from "@phosphor-icons/react"
+export { CreditCardIcon } from "@phosphor-icons/react"
+export { CropIcon } from "@phosphor-icons/react"
+export { CubeIcon } from "@phosphor-icons/react"
+export { CurrencyCircleDollarIcon } from "@phosphor-icons/react"
+export { DotsThreeIcon } from "@phosphor-icons/react"
+export { DotsThreeOutlineIcon } from "@phosphor-icons/react"
+export { DotsThreeVerticalIcon } from "@phosphor-icons/react"
+export { DownloadIcon } from "@phosphor-icons/react"
+export { EnvelopeIcon } from "@phosphor-icons/react"
+export { EyeIcon } from "@phosphor-icons/react"
+export { EyeSlashIcon } from "@phosphor-icons/react"
+export { FileCodeIcon } from "@phosphor-icons/react"
+export { FileIcon } from "@phosphor-icons/react"
+export { FileTextIcon } from "@phosphor-icons/react"
+export { FloppyDiskIcon } from "@phosphor-icons/react"
+export { FolderIcon } from "@phosphor-icons/react"
+export { FolderOpenIcon } from "@phosphor-icons/react"
+export { FolderPlusIcon } from "@phosphor-icons/react"
+export { GearIcon } from "@phosphor-icons/react"
+export { GitBranchIcon } from "@phosphor-icons/react"
+export { GlobeIcon } from "@phosphor-icons/react"
+export { GridFourIcon } from "@phosphor-icons/react"
+export { HandPointingIcon } from "@phosphor-icons/react"
+export { HardDrivesIcon } from "@phosphor-icons/react"
+export { HeartIcon } from "@phosphor-icons/react"
+export { HouseIcon } from "@phosphor-icons/react"
+export { ImageIcon } from "@phosphor-icons/react"
+export { InfoIcon } from "@phosphor-icons/react"
+export { KeyboardIcon } from "@phosphor-icons/react"
+export { LayoutIcon } from "@phosphor-icons/react"
+export { LifebuoyIcon } from "@phosphor-icons/react"
+export { LightbulbIcon } from "@phosphor-icons/react"
+export { LightningIcon } from "@phosphor-icons/react"
+export { LinkIcon } from "@phosphor-icons/react"
+export { ListIcon } from "@phosphor-icons/react"
+export { ListPlusIcon } from "@phosphor-icons/react"
+export { MagicWandIcon } from "@phosphor-icons/react"
+export { MagnifyingGlassIcon } from "@phosphor-icons/react"
+export { MagnifyingGlassMinusIcon } from "@phosphor-icons/react"
+export { MagnifyingGlassPlusIcon } from "@phosphor-icons/react"
+export { MapTrifoldIcon } from "@phosphor-icons/react"
+export { MicrophoneIcon } from "@phosphor-icons/react"
+export { MinusIcon } from "@phosphor-icons/react"
+export { MonitorIcon } from "@phosphor-icons/react"
+export { MoonIcon } from "@phosphor-icons/react"
+export { PaletteIcon } from "@phosphor-icons/react"
+export { PaperPlaneTiltIcon } from "@phosphor-icons/react"
+export { PaperclipIcon } from "@phosphor-icons/react"
+export { PencilIcon } from "@phosphor-icons/react"
+export { PlusIcon } from "@phosphor-icons/react"
+export { QuestionIcon } from "@phosphor-icons/react"
+export { RecordIcon } from "@phosphor-icons/react"
+export { RobotIcon } from "@phosphor-icons/react"
+export { ScissorsIcon } from "@phosphor-icons/react"
+export { ShareIcon } from "@phosphor-icons/react"
+export { ShieldIcon } from "@phosphor-icons/react"
+export { ShoppingCartIcon } from "@phosphor-icons/react"
+export { SidebarIcon } from "@phosphor-icons/react"
+export { SignOutIcon } from "@phosphor-icons/react"
+export { SmileyIcon } from "@phosphor-icons/react"
+export { SparkleIcon } from "@phosphor-icons/react"
+export { SpeakerSlashIcon } from "@phosphor-icons/react"
+export { SpinnerIcon } from "@phosphor-icons/react"
+export { StarIcon } from "@phosphor-icons/react"
+export { SunIcon } from "@phosphor-icons/react"
+export { TableIcon } from "@phosphor-icons/react"
+export { TagIcon } from "@phosphor-icons/react"
+export { TerminalIcon } from "@phosphor-icons/react"
+export { TextBIcon } from "@phosphor-icons/react"
+export { TextItalicIcon } from "@phosphor-icons/react"
+export { TextTIcon } from "@phosphor-icons/react"
+export { TextUnderlineIcon } from "@phosphor-icons/react"
+export { TranslateIcon } from "@phosphor-icons/react"
+export { TrashIcon } from "@phosphor-icons/react"
+export { TrayIcon } from "@phosphor-icons/react"
+export { TrendUpIcon } from "@phosphor-icons/react"
+export { UploadIcon } from "@phosphor-icons/react"
+export { UserIcon } from "@phosphor-icons/react"
+export { UserMinusIcon } from "@phosphor-icons/react"
+export { WalletIcon } from "@phosphor-icons/react"
+export { WarningCircleIcon } from "@phosphor-icons/react"
+export { WarningIcon } from "@phosphor-icons/react"
+export { XCircleIcon } from "@phosphor-icons/react"
+export { XIcon } from "@phosphor-icons/react"
diff --git a/apps/v4/registry/icons/icon-phosphor.tsx b/apps/v4/registry/icons/icon-phosphor.tsx
new file mode 100644
index 00000000000..8aba47e58f7
--- /dev/null
+++ b/apps/v4/registry/icons/icon-phosphor.tsx
@@ -0,0 +1,3 @@
+import { createIconLoader } from "./create-icon-loader"
+
+export const IconPhosphor = createIconLoader("phosphor")
diff --git a/packages/shadcn/src/icons/libraries.ts b/packages/shadcn/src/icons/libraries.ts
index 5c8de17d689..b3dd71d239c 100644
--- a/packages/shadcn/src/icons/libraries.ts
+++ b/packages/shadcn/src/icons/libraries.ts
@@ -24,6 +24,15 @@ export const iconLibraries = {
     usage: "<HugeiconsIcon icon={ICON} strokeWidth={2} />",
     export: "@hugeicons/core-free-icons",
   },
+  phosphor: {
+    name: "phosphor",
+    title: "Phosphor Icons",
+    packages: ["@phosphor-icons/react"],
+    import:
+      "import { ICON } from '@phosphor-icons/react'",
+    usage: "<ICON strokeWidth={2} />",
+    export: "@phosphor-icons/react",
+  },
 } as const
 
 export type IconLibraries = typeof iconLibraries
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 1f8f7b6b4a3..249ec8f6e74 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -148,6 +148,9 @@ importers:
       '@hugeicons/react':
         specifier: ^1.1.1
         version: 1.1.1(react@19.2.3)
+      '@phosphor-icons/react':
+        specifier: ^2.1.10
+        version: 2.1.10(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
       '@radix-ui/react-accessible-icon':
         specifier: ^1.1.1
         version: 1.1.7(@types/react-dom@19.2.2(@types/react@19.2.2))(@types/react@19.2.2)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
@@ -1935,6 +1938,13 @@ packages:
     cpu: [x64]
     os: [win32]
 
+  '@phosphor-icons/react@2.1.10':
+    resolution: {integrity: sha512-vt8Tvq8GLjheAZZYa+YG/pW7HDbov8El/MANW8pOAz4eGxrwhnbfrQZq0Cp4q8zBEu8NIhHdnr+r8thnfRSNYA==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      react: '>= 16.8'
+      react-dom: '>= 16.8'
+
   '@pkgjs/parseargs@0.11.0':
     resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==}
     engines: {node: '>=14'}
@@ -9679,6 +9689,11 @@ snapshots:
   '@oxc-transform/binding-win32-x64-msvc@0.53.0':
     optional: true
 
+  '@phosphor-icons/react@2.1.10(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+    dependencies:
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
+
   '@pkgjs/parseargs@0.11.0':
     optional: true
 
@@ -12774,7 +12789,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-module-utils@2.12.1(@typescript-eslint/parser@5.62.0(eslint@8.57.1)(typescript@5.9.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@8.57.1):
+  eslint-module-utils@2.12.1(@typescript-eslint/parser@5.62.0(eslint@8.57.1)(typescript@5.9.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0)(eslint@8.57.1))(eslint@8.57.1):
     dependencies:
       debug: 3.2.7
     optionalDependencies:
@@ -12785,7 +12800,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-module-utils@2.12.1(@typescript-eslint/parser@8.39.0(eslint@9.33.0(jiti@2.6.1))(typescript@5.9.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@9.33.0(jiti@2.6.1)):
+  eslint-module-utils@2.12.1(@typescript-eslint/parser@8.39.0(eslint@9.33.0(jiti@2.6.1))(typescript@5.9.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0)(eslint@9.33.0(jiti@2.6.1)))(eslint@9.33.0(jiti@2.6.1)):
     dependencies:
       debug: 3.2.7
     optionalDependencies:
@@ -12807,7 +12822,7 @@ snapshots:
       doctrine: 2.1.0
       eslint: 8.57.1
       eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.12.1(@typescript-eslint/parser@5.62.0(eslint@8.57.1)(typescript@5.9.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@8.57.1)
+      eslint-module-utils: 2.12.1(@typescript-eslint/parser@5.62.0(eslint@8.57.1)(typescript@5.9.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0)(eslint@8.57.1))(eslint@8.57.1)
       hasown: 2.0.2
       is-core-module: 2.16.1
       is-glob: 4.0.3
@@ -12836,7 +12851,7 @@ snapshots:
       doctrine: 2.1.0
       eslint: 9.33.0(jiti@2.6.1)
       eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.39.0(eslint@9.33.0(jiti@2.6.1))(typescript@5.9.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@9.33.0(jiti@2.6.1))
+      eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.39.0(eslint@9.33.0(jiti@2.6.1))(typescript@5.9.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0)(eslint@9.33.0(jiti@2.6.1)))(eslint@9.33.0(jiti@2.6.1))
       hasown: 2.0.2
       is-core-module: 2.16.1
       is-glob: 4.0.3