From a02d0e426ef70db88dc12b07cb5c6e8a3231222e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 02:13:27 +0100
Subject: [PATCH 01/85] refactor: unify syntax for carbon icons

---
 app/components/Code/MobileTreeDrawer.vue         |  2 +-
 app/components/ColumnPicker.vue                  |  2 +-
 app/components/Filter/Chips.vue                  |  2 +-
 app/components/Filter/Panel.vue                  |  4 ++--
 app/components/Header/AccountMenu.client.vue     | 16 ++++++++--------
 app/components/Header/AccountMenu.server.vue     |  2 +-
 app/components/Header/MobileMenu.client.vue      |  6 +++---
 app/components/Header/OrgsDropdown.vue           |  2 +-
 app/components/Header/PackagesDropdown.vue       |  2 +-
 app/components/LicenseDisplay.vue                |  2 +-
 app/components/Modal.client.vue                  |  2 +-
 app/components/Org/OperationsQueue.vue           |  2 +-
 app/components/Package/AccessControls.vue        | 12 ++++++------
 app/components/Package/ClaimPackageModal.vue     | 10 +++++-----
 app/components/Package/DeprecatedTree.vue        |  4 ++--
 app/components/Package/ListToolbar.vue           |  4 ++--
 app/components/Package/Maintainers.vue           |  4 ++--
 app/components/Package/Replacement.vue           | 10 +++++-----
 app/components/Package/Table.vue                 | 12 ++++++------
 app/components/Package/TableRow.vue              |  4 ++--
 app/components/Package/Versions.vue              | 12 ++++++------
 app/components/PaginationControls.vue            |  4 ++--
 app/components/Settings/AccentColorPicker.vue    |  2 +-
 app/components/Settings/TranslationHelper.vue    |  4 ++--
 app/components/ViewModeToggle.vue                |  4 ++--
 .../[packageName]/v/[version]/[...filePath].vue  |  4 ++--
 app/pages/package/[[org]]/[name].vue             | 12 ++++++------
 app/utils/file-icons.ts                          |  4 ++--
 test/nuxt/components/LicenseDisplay.spec.ts      |  6 +++---
 29 files changed, 78 insertions(+), 78 deletions(-)

diff --git a/app/components/Code/MobileTreeDrawer.vue b/app/components/Code/MobileTreeDrawer.vue
index c45b16421..6ece33235 100644
--- a/app/components/Code/MobileTreeDrawer.vue
+++ b/app/components/Code/MobileTreeDrawer.vue
@@ -68,7 +68,7 @@ watch(isOpen, open => (isLocked.value = open))
         <ButtonBase
           :aria-label="$t('code.close_tree')"
           @click="isOpen = false"
-          classicon="i-carbon-close"
+          classicon="i-carbon:close"
         />
       </div>
       <CodeFileTree
diff --git a/app/components/ColumnPicker.vue b/app/components/ColumnPicker.vue
index f27617cbb..ac0e8e7f2 100644
--- a/app/components/ColumnPicker.vue
+++ b/app/components/ColumnPicker.vue
@@ -75,7 +75,7 @@ function handleReset() {
       aria-haspopup="true"
       :aria-controls="menuId"
       @click.stop="isOpen = !isOpen"
-      classicon="i-carbon-column"
+      classicon="i-carbon:column"
     >
       {{ $t('filters.columns.title') }}
     </ButtonBase>
diff --git a/app/components/Filter/Chips.vue b/app/components/Filter/Chips.vue
index 059cc2ad7..5576088ba 100644
--- a/app/components/Filter/Chips.vue
+++ b/app/components/Filter/Chips.vue
@@ -25,7 +25,7 @@ const emit = defineEmits<{
           :aria-label="$t('filters.remove_filter', { label: chip.label })"
           @click="emit('remove', chip)"
         >
-          <span class="i-carbon-close w-3 h-3" aria-hidden="true" />
+          <span class="i-carbon:close w-3 h-3" aria-hidden="true" />
         </button>
       </TagStatic>
     </TransitionGroup>
diff --git a/app/components/Filter/Panel.vue b/app/components/Filter/Panel.vue
index 34f2fb0f2..45245afef 100644
--- a/app/components/Filter/Panel.vue
+++ b/app/components/Filter/Panel.vue
@@ -193,14 +193,14 @@ const hasActiveFilters = computed(() => !!filterSummary.value)
       @click="isExpanded = !isExpanded"
     >
       <span class="flex items-center gap-2 text-sm font-mono text-fg shrink-0">
-        <span class="i-carbon-filter w-4 h-4" aria-hidden="true" />
+        <span class="i-carbon:filter w-4 h-4" aria-hidden="true" />
         {{ $t('filters.title') }}
       </span>
       <span v-if="!isExpanded && hasActiveFilters" class="text-xs font-mono text-fg-muted truncate">
         {{ filterSummary }}
       </span>
       <span
-        class="i-carbon-chevron-down w-4 h-4 text-fg-subtle transition-transform duration-200 shrink-0 ms-auto"
+        class="i-carbon:chevron-down w-4 h-4 text-fg-subtle transition-transform duration-200 shrink-0 ms-auto"
         :class="{ 'rotate-180': isExpanded }"
         aria-hidden="true"
       />
diff --git a/app/components/Header/AccountMenu.client.vue b/app/components/Header/AccountMenu.client.vue
index b2c9963dd..fdfedabdd 100644
--- a/app/components/Header/AccountMenu.client.vue
+++ b/app/components/Header/AccountMenu.client.vue
@@ -83,7 +83,7 @@ function openAuthModal() {
           v-else-if="isNpmConnected"
           class="w-6 h-6 rounded-full bg-bg-muted ring-2 ring-bg flex items-center justify-center"
         >
-          <span class="i-carbon-terminal w-3 h-3 text-fg-muted" aria-hidden="true" />
+          <span class="i-carbon:terminal w-3 h-3 text-fg-muted" aria-hidden="true" />
         </span>
 
         <!-- Atmosphere avatar (second/front, overlapping) -->
@@ -101,7 +101,7 @@ function openAuthModal() {
           class="w-6 h-6 rounded-full bg-bg-muted ring-2 ring-bg flex items-center justify-center"
           :class="hasBothConnections ? 'relative z-10' : ''"
         >
-          <span class="i-carbon-cloud w-3 h-3 text-fg-muted" aria-hidden="true" />
+          <span class="i-carbon:cloud w-3 h-3 text-fg-muted" aria-hidden="true" />
         </span>
       </span>
 
@@ -112,7 +112,7 @@ function openAuthModal() {
 
       <!-- Chevron -->
       <span
-        class="i-carbon-chevron-down w-3 h-3 transition-transform duration-200"
+        class="i-carbon:chevron-down w-3 h-3 transition-transform duration-200"
         :class="{ 'rotate-180': isOpen }"
         aria-hidden="true"
       />
@@ -161,7 +161,7 @@ function openAuthModal() {
                 v-else
                 class="w-8 h-8 rounded-full bg-bg-muted flex items-center justify-center"
               >
-                <span class="i-carbon-terminal w-4 h-4 text-fg-muted" aria-hidden="true" />
+                <span class="i-carbon:terminal w-4 h-4 text-fg-muted" aria-hidden="true" />
               </span>
               <span class="flex-1 min-w-0">
                 <span class="font-mono text-sm text-fg truncate block">~{{ npmUser }}</span>
@@ -203,7 +203,7 @@ function openAuthModal() {
                 v-else
                 class="w-8 h-8 rounded-full bg-bg-muted flex items-center justify-center"
               >
-                <span class="i-carbon-cloud w-4 h-4 text-fg-muted" aria-hidden="true" />
+                <span class="i-carbon:cloud w-4 h-4 text-fg-muted" aria-hidden="true" />
               </span>
               <span class="flex-1 min-w-0">
                 <span class="font-mono text-sm text-fg truncate block"
@@ -231,10 +231,10 @@ function openAuthModal() {
               <span class="w-8 h-8 rounded-full bg-bg-muted flex items-center justify-center">
                 <span
                   v-if="isNpmConnecting"
-                  class="i-carbon-circle-dash w-4 h-4 text-yellow-500 animate-spin"
+                  class="i-carbon:circle-dash w-4 h-4 text-yellow-500 animate-spin"
                   aria-hidden="true"
                 />
-                <span v-else class="i-carbon-terminal w-4 h-4 text-fg-muted" aria-hidden="true" />
+                <span v-else class="i-carbon:terminal w-4 h-4 text-fg-muted" aria-hidden="true" />
               </span>
               <span class="flex-1 min-w-0">
                 <span class="font-mono text-sm text-fg block">
@@ -255,7 +255,7 @@ function openAuthModal() {
               @click="openAuthModal"
             >
               <span class="w-8 h-8 rounded-full bg-bg-muted flex items-center justify-center">
-                <span class="i-carbon-cloud w-4 h-4 text-fg-muted" aria-hidden="true" />
+                <span class="i-carbon:cloud w-4 h-4 text-fg-muted" aria-hidden="true" />
               </span>
               <span class="flex-1 min-w-0">
                 <span class="font-mono text-sm text-fg block">
diff --git a/app/components/Header/AccountMenu.server.vue b/app/components/Header/AccountMenu.server.vue
index f5fc08ad0..07959374b 100644
--- a/app/components/Header/AccountMenu.server.vue
+++ b/app/components/Header/AccountMenu.server.vue
@@ -4,7 +4,7 @@
       class="inline-flex gap-x-1 items-center justify-center font-mono border border-border rounded-md text-sm px-4 py-2 bg-transparent text-fg border-none"
     >
       <span class="font-mono text-sm text-fg-muted">{{ $t('account_menu.connect') }}</span>
-      <span class="i-carbon-chevron-down w-3 h-3 text-fg-muted" aria-hidden="true" />
+      <span class="i-carbon:chevron-down w-3 h-3 text-fg-muted" aria-hidden="true" />
     </div>
   </div>
 </template>
diff --git a/app/components/Header/MobileMenu.client.vue b/app/components/Header/MobileMenu.client.vue
index 36579ccbc..e29f683bf 100644
--- a/app/components/Header/MobileMenu.client.vue
+++ b/app/components/Header/MobileMenu.client.vue
@@ -130,7 +130,7 @@ onUnmounted(deactivate)
                   v-else
                   class="w-5 h-5 rounded-full bg-bg-muted flex items-center justify-center"
                 >
-                  <span class="i-carbon-terminal w-3 h-3 text-fg-muted" aria-hidden="true" />
+                  <span class="i-carbon:terminal w-3 h-3 text-fg-muted" aria-hidden="true" />
                 </span>
                 <span class="flex-1">~{{ npmUser }}</span>
                 <span class="w-2 h-2 rounded-full bg-green-500" aria-hidden="true" />
@@ -155,7 +155,7 @@ onUnmounted(deactivate)
                   v-else
                   class="w-5 h-5 rounded-full bg-bg-muted flex items-center justify-center"
                 >
-                  <span class="i-carbon-cloud w-3 h-3 text-fg-muted" aria-hidden="true" />
+                  <span class="i-carbon:cloud w-3 h-3 text-fg-muted" aria-hidden="true" />
                 </span>
                 <span class="flex-1 truncate">@{{ atprotoUser.handle }}</span>
               </button>
@@ -168,7 +168,7 @@ onUnmounted(deactivate)
                 @click="handleShowAuth"
               >
                 <span class="w-5 h-5 rounded-full bg-bg-muted flex items-center justify-center">
-                  <span class="i-carbon-cloud w-3 h-3 text-fg-muted" aria-hidden="true" />
+                  <span class="i-carbon:cloud w-3 h-3 text-fg-muted" aria-hidden="true" />
                 </span>
                 <span class="flex-1">{{ $t('account_menu.connect_atmosphere') }}</span>
               </button>
diff --git a/app/components/Header/OrgsDropdown.vue b/app/components/Header/OrgsDropdown.vue
index 222319c18..527e49a34 100644
--- a/app/components/Header/OrgsDropdown.vue
+++ b/app/components/Header/OrgsDropdown.vue
@@ -63,7 +63,7 @@ function handleKeydown(event: KeyboardEvent) {
     >
       {{ $t('header.orgs') }}
       <span
-        class="i-carbon-chevron-down w-3 h-3 transition-transform duration-200"
+        class="i-carbon:chevron-down w-3 h-3 transition-transform duration-200"
         :class="{ 'rotate-180': isOpen }"
         aria-hidden="true"
       />
diff --git a/app/components/Header/PackagesDropdown.vue b/app/components/Header/PackagesDropdown.vue
index ddd9f86d5..1d4b7189e 100644
--- a/app/components/Header/PackagesDropdown.vue
+++ b/app/components/Header/PackagesDropdown.vue
@@ -63,7 +63,7 @@ function handleKeydown(event: KeyboardEvent) {
     >
       {{ $t('header.packages') }}
       <span
-        class="i-carbon-chevron-down w-3 h-3 transition-transform duration-200"
+        class="i-carbon:chevron-down w-3 h-3 transition-transform duration-200"
         :class="{ 'rotate-180': isOpen }"
         aria-hidden="true"
       />
diff --git a/app/components/LicenseDisplay.vue b/app/components/LicenseDisplay.vue
index eda37feec..a29794319 100644
--- a/app/components/LicenseDisplay.vue
+++ b/app/components/LicenseDisplay.vue
@@ -28,7 +28,7 @@ const hasAnyValidLicense = computed(() => tokens.value.some(t => t.type === 'lic
     </template>
     <span
       v-if="hasAnyValidLicense"
-      class="i-carbon-scales w-3.5 h-3.5 text-fg-subtle flex-shrink-0 self-center"
+      class="i-carbon:scales w-3.5 h-3.5 text-fg-subtle flex-shrink-0 self-center"
       aria-hidden="true"
     />
   </span>
diff --git a/app/components/Modal.client.vue b/app/components/Modal.client.vue
index 2b81fc4ac..0ae75dd97 100644
--- a/app/components/Modal.client.vue
+++ b/app/components/Modal.client.vue
@@ -57,7 +57,7 @@ defineExpose({
           type="button"
           :aria-label="$t('common.close')"
           @click="handleModalClose"
-          classicon="i-carbon-close"
+          classicon="i-carbon:close"
         />
       </div>
       <!-- Modal body content -->
diff --git a/app/components/Org/OperationsQueue.vue b/app/components/Org/OperationsQueue.vue
index 60341b253..d28a64da9 100644
--- a/app/components/Org/OperationsQueue.vue
+++ b/app/components/Org/OperationsQueue.vue
@@ -292,7 +292,7 @@ watch(isExecuting, executing => {
             :aria-label="$t('operations.queue.remove_operation')"
             @click="removeOperation(op.id)"
           >
-            <span class="i-carbon-close w-4 h-4" aria-hidden="true" />
+            <span class="i-carbon:close w-4 h-4" aria-hidden="true" />
           </button>
         </div>
       </li>
diff --git a/app/components/Package/AccessControls.vue b/app/components/Package/AccessControls.vue
index 087ad478d..4c326565a 100644
--- a/app/components/Package/AccessControls.vue
+++ b/app/components/Package/AccessControls.vue
@@ -163,7 +163,7 @@ watch(
         @click="loadCollaborators"
       >
         <span
-          class="i-carbon-renew w-3.5 h-3.5"
+          class="i-carbon:renew w-3.5 h-3.5"
           :class="{ 'motion-safe:animate-spin': isLoadingCollaborators }"
           aria-hidden="true"
         />
@@ -173,7 +173,7 @@ watch(
     <!-- Loading state -->
     <div v-if="isLoadingCollaborators && collaboratorList.length === 0" class="py-4 text-center">
       <span
-        class="i-carbon-rotate-180 w-4 h-4 text-fg-muted animate-spin mx-auto"
+        class="i-carbon:rotate-180 w-4 h-4 text-fg-muted animate-spin mx-auto"
         aria-hidden="true"
       />
     </div>
@@ -197,12 +197,12 @@ watch(
         <div class="flex items-center gap-2 min-w-0">
           <span
             v-if="collab.isTeam"
-            class="i-carbon-group w-3.5 h-3.5 text-fg-subtle shrink-0"
+            class="i-carbon:group w-3.5 h-3.5 text-fg-subtle shrink-0"
             aria-hidden="true"
           />
           <span
             v-else
-            class="i-carbon-user w-3.5 h-3.5 text-fg-subtle shrink-0"
+            class="i-carbon:user w-3.5 h-3.5 text-fg-subtle shrink-0"
             aria-hidden="true"
           />
           <span class="font-mono text-sm text-fg-muted truncate">
@@ -229,7 +229,7 @@ watch(
           :aria-label="$t('package.access.revoke_access', { name: collab.displayName })"
           @click="handleRevokeAccess(collab.name)"
         >
-          <span class="i-carbon-close w-3.5 h-3.5" aria-hidden="true" />
+          <span class="i-carbon:close w-3.5 h-3.5" aria-hidden="true" />
         </button>
         <span v-else class="text-xs text-fg-subtle"> {{ $t('package.access.owner') }} </span>
       </li>
@@ -289,7 +289,7 @@ watch(
             :aria-label="$t('package.access.cancel_grant')"
             @click="showGrantAccess = false"
           >
-            <span class="i-carbon-close w-4 h-4" aria-hidden="true" />
+            <span class="i-carbon:close w-4 h-4" aria-hidden="true" />
           </button>
         </div>
       </form>
diff --git a/app/components/Package/ClaimPackageModal.vue b/app/components/Package/ClaimPackageModal.vue
index e87515e79..8fa0a277e 100644
--- a/app/components/Package/ClaimPackageModal.vue
+++ b/app/components/Package/ClaimPackageModal.vue
@@ -158,7 +158,7 @@ const previewPackageJson = computed(() => {
       <div
         class="flex items-center gap-3 p-4 bg-green-500/10 border border-green-500/20 rounded-lg"
       >
-        <span class="i-carbon-checkmark-filled text-green-500 w-6 h-6" aria-hidden="true" />
+        <span class="i-carbon:checkmark-filled text-green-500 w-6 h-6" aria-hidden="true" />
         <div>
           <p class="font-mono text-sm text-fg">{{ $t('claim.modal.success') }}</p>
           <p class="text-xs text-fg-muted">
@@ -226,7 +226,7 @@ const previewPackageJson = computed(() => {
           v-if="checkResult.available"
           class="flex items-center gap-3 p-4 bg-green-500/10 border border-green-500/20 rounded-lg"
         >
-          <span class="i-carbon-checkmark-filled text-green-500 w-5 h-5" aria-hidden="true" />
+          <span class="i-carbon:checkmark-filled text-green-500 w-5 h-5" aria-hidden="true" />
           <p class="font-mono text-sm text-fg">{{ $t('claim.modal.available') }}</p>
         </div>
 
@@ -234,7 +234,7 @@ const previewPackageJson = computed(() => {
           v-else
           class="flex items-center gap-3 p-4 bg-red-500/10 border border-red-500/20 rounded-lg"
         >
-          <span class="i-carbon-close-filled text-red-500 w-5 h-5" aria-hidden="true" />
+          <span class="i-carbon:close-filled text-red-500 w-5 h-5" aria-hidden="true" />
           <p class="font-mono text-sm text-fg">{{ $t('claim.modal.taken') }}</p>
         </div>
       </div>
@@ -266,12 +266,12 @@ const previewPackageJson = computed(() => {
             >
               <span
                 v-if="pkg.similarity === 'exact-match'"
-                class="i-carbon-warning-filled text-red-500 w-4 h-4 mt-0.5 shrink-0"
+                class="i-carbon:warning-filled text-red-500 w-4 h-4 mt-0.5 shrink-0"
                 aria-hidden="true"
               />
               <span
                 v-else-if="pkg.similarity === 'very-similar'"
-                class="i-carbon-warning text-yellow-500 w-4 h-4 mt-0.5 shrink-0"
+                class="i-carbon:warning text-yellow-500 w-4 h-4 mt-0.5 shrink-0"
                 aria-hidden="true"
               />
               <span v-else class="w-4 h-4 shrink-0" />
diff --git a/app/components/Package/DeprecatedTree.vue b/app/components/Package/DeprecatedTree.vue
index d8e06b795..7eb0657b6 100644
--- a/app/components/Package/DeprecatedTree.vue
+++ b/app/components/Package/DeprecatedTree.vue
@@ -54,13 +54,13 @@ function getDepthStyle(depth: DependencyDepth) {
         @click="isExpanded = !isExpanded"
       >
         <span class="flex items-center gap-2 min-w-0">
-          <span class="i-carbon-warning-hex w-4 h-4 shrink-0" aria-hidden="true" />
+          <span class="i-carbon:warning-hex w-4 h-4 shrink-0" aria-hidden="true" />
           <span class="font-mono text-sm font-medium truncate">
             {{ $t('package.deprecated.tree_found', analysisData!.deprecatedPackages.length) }}
           </span>
         </span>
         <span
-          class="i-carbon-chevron-down w-4 h-4 transition-transform duration-200 shrink-0"
+          class="i-carbon:chevron-down w-4 h-4 transition-transform duration-200 shrink-0"
           :class="{ 'rotate-180': isExpanded }"
           aria-hidden="true"
         />
diff --git a/app/components/Package/ListToolbar.vue b/app/components/Package/ListToolbar.vue
index daee43978..db1133814 100644
--- a/app/components/Package/ListToolbar.vue
+++ b/app/components/Package/ListToolbar.vue
@@ -194,8 +194,8 @@ function getSortKeyLabelKey(key: SortKey): string {
               class="w-4 h-4 block transition-transform duration-200"
               :class="
                 currentSort.direction === 'asc'
-                  ? 'i-carbon-sort-ascending'
-                  : 'i-carbon-sort-descending'
+                  ? 'i-carbon:sort-ascending'
+                  : 'i-carbon:sort-descending'
               "
               aria-hidden="true"
             />
diff --git a/app/components/Package/Maintainers.vue b/app/components/Package/Maintainers.vue
index cd08b4e9c..50509aa13 100644
--- a/app/components/Package/Maintainers.vue
+++ b/app/components/Package/Maintainers.vue
@@ -228,7 +228,7 @@ watch(
           "
           @click="handleRemoveOwner(maintainer.name)"
         >
-          <span class="i-carbon-close w-3.5 h-3.5" aria-hidden="true" />
+          <span class="i-carbon:close w-3.5 h-3.5" aria-hidden="true" />
         </ButtonBase>
       </li>
     </ul>
@@ -270,7 +270,7 @@ watch(
           <ButtonBase
             :aria-label="$t('package.maintainers.cancel_add')"
             @click="showAddOwner = false"
-            classicon="i-carbon-close"
+            classicon="i-carbon:close"
           />
         </form>
       </div>
diff --git a/app/components/Package/Replacement.vue b/app/components/Package/Replacement.vue
index dd49440fd..cd23b4703 100644
--- a/app/components/Package/Replacement.vue
+++ b/app/components/Package/Replacement.vue
@@ -21,7 +21,7 @@ const docPath = computed(() => {
     class="border border-amber-600/40 bg-amber-500/10 rounded-lg px-3 py-2 text-base text-amber-800 dark:text-amber-400"
   >
     <h2 class="font-medium mb-1 flex items-center gap-2">
-      <span class="i-carbon-idea w-4 h-4" aria-hidden="true" />
+      <span class="i-carbon:idea w-4 h-4" aria-hidden="true" />
       {{ $t('package.replacement.title') }}
     </h2>
     <p class="text-sm m-0">
@@ -50,7 +50,7 @@ const docPath = computed(() => {
             class="inline-flex items-center gap-1 ms-1 underline underline-offset-4 decoration-amber-600/60 dark:decoration-amber-400/50 hover:decoration-fg transition-colors"
           >
             {{ $t('package.replacement.community') }}
-            <span class="i-carbon-launch w-3 h-3" aria-hidden="true" />
+            <span class="i-carbon:launch w-3 h-3" aria-hidden="true" />
           </a>
         </template>
         <template #replacement>
@@ -70,7 +70,7 @@ const docPath = computed(() => {
             class="inline-flex items-center gap-1 ms-1 underline underline-offset-4 decoration-amber-600/60 dark:decoration-amber-400/50 hover:decoration-fg transition-colors"
           >
             {{ $t('package.replacement.community') }}
-            <span class="i-carbon-launch w-3 h-3" aria-hidden="true" />
+            <span class="i-carbon:launch w-3 h-3" aria-hidden="true" />
           </a>
         </template>
       </i18n-t>
@@ -85,7 +85,7 @@ const docPath = computed(() => {
         class="inline-flex items-center gap-1 ms-1 underline underline-offset-4 decoration-amber-600/60 dark:decoration-amber-400/50 hover:decoration-fg transition-colors"
       >
         {{ $t('package.replacement.mdn') }}
-        <span class="i-carbon-launch w-3 h-3" aria-hidden="true" />
+        <span class="i-carbon:launch w-3 h-3" aria-hidden="true" />
       </a>
       <a
         v-if="docPath"
@@ -95,7 +95,7 @@ const docPath = computed(() => {
         class="inline-flex items-center gap-1 ms-1 underline underline-offset-4 decoration-amber-600/60 dark:decoration-amber-400/50 hover:decoration-fg transition-colors"
       >
         {{ $t('package.replacement.learn_more') }}
-        <span class="i-carbon-launch w-3 h-3" aria-hidden="true" />
+        <span class="i-carbon:launch w-3 h-3" aria-hidden="true" />
       </a>
     </p>
   </div>
diff --git a/app/components/Package/Table.vue b/app/components/Package/Table.vue
index fa3ab3cfe..efc4cdf09 100644
--- a/app/components/Package/Table.vue
+++ b/app/components/Package/Table.vue
@@ -139,11 +139,11 @@ function getColumnLabel(id: ColumnId): string {
               <template v-if="isSortable('name')">
                 <span
                   v-if="isColumnSorted('name')"
-                  class="i-carbon-caret-down w-3 h-3"
+                  class="i-carbon:caret-down w-3 h-3"
                   :class="getSortDirection('name') === 'asc' ? 'rotate-180' : ''"
                   aria-hidden="true"
                 />
-                <span v-else class="i-carbon-caret-sort w-3 h-3 opacity-30" aria-hidden="true" />
+                <span v-else class="i-carbon:caret-sort w-3 h-3 opacity-30" aria-hidden="true" />
               </template>
             </span>
           </th>
@@ -189,11 +189,11 @@ function getColumnLabel(id: ColumnId): string {
               <template v-if="isSortable('downloads')">
                 <span
                   v-if="isColumnSorted('downloads')"
-                  class="i-carbon-caret-down w-3 h-3"
+                  class="i-carbon:caret-down w-3 h-3"
                   :class="getSortDirection('downloads') === 'asc' ? 'rotate-180' : ''"
                   aria-hidden="true"
                 />
-                <span v-else class="i-carbon-caret-sort w-3 h-3 opacity-30" aria-hidden="true" />
+                <span v-else class="i-carbon:caret-sort w-3 h-3 opacity-30" aria-hidden="true" />
               </template>
             </span>
           </th>
@@ -223,11 +223,11 @@ function getColumnLabel(id: ColumnId): string {
               <template v-if="isSortable('updated')">
                 <span
                   v-if="isColumnSorted('updated')"
-                  class="i-carbon-caret-down w-3 h-3"
+                  class="i-carbon:caret-down w-3 h-3"
                   :class="getSortDirection('updated') === 'asc' ? 'rotate-180' : ''"
                   aria-hidden="true"
                 />
-                <span v-else class="i-carbon-caret-sort w-3 h-3 opacity-30" aria-hidden="true" />
+                <span v-else class="i-carbon:caret-sort w-3 h-3 opacity-30" aria-hidden="true" />
               </template>
             </span>
           </th>
diff --git a/app/components/Package/TableRow.vue b/app/components/Package/TableRow.vue
index 0cf385bba..4220a9f37 100644
--- a/app/components/Package/TableRow.vue
+++ b/app/components/Package/TableRow.vue
@@ -187,11 +187,11 @@ const allMaintainersText = computed(() => {
     <!-- Security -->
     <td v-if="isColumnVisible('security')" class="py-2 px-3">
       <span v-if="result.flags?.insecure" class="text-syntax-kw">
-        <span class="i-carbon-warning w-4 h-4" aria-hidden="true" />
+        <span class="i-carbon:warning w-4 h-4" aria-hidden="true" />
         <span class="sr-only">{{ $t('filters.table.security_warning') }}</span>
       </span>
       <span v-else-if="result.flags !== undefined" class="text-provider-nuxt">
-        <span class="i-carbon-checkmark w-4 h-4" aria-hidden="true" />
+        <span class="i-carbon:checkmark w-4 h-4" aria-hidden="true" />
         <span class="sr-only">{{ $t('filters.table.secure') }}</span>
       </span>
       <span v-else class="text-fg-subtle"> - </span>
diff --git a/app/components/Package/Versions.vue b/app/components/Package/Versions.vue
index a6d71461a..1c73be9e5 100644
--- a/app/components/Package/Versions.vue
+++ b/app/components/Package/Versions.vue
@@ -474,7 +474,7 @@ function majorGroupContainsCurrent(group: (typeof otherMajorGroups.value)[0]): b
                       })
                     : row.primaryVersion.version
                 "
-                :classicon="row.primaryVersion.deprecated ? 'i-carbon-warning-hex' : undefined"
+                :classicon="row.primaryVersion.deprecated ? 'i-carbon:warning-hex' : undefined"
               >
                 <span dir="ltr" class="block truncate">
                   {{ row.primaryVersion.version }}
@@ -536,7 +536,7 @@ function majorGroupContainsCurrent(group: (typeof otherMajorGroups.value)[0]): b
                     ? $t('package.versions.deprecated_title', { version: v.version })
                     : v.version
                 "
-                :classicon="v.deprecated ? 'i-carbon-warning-hex' : undefined"
+                :classicon="v.deprecated ? 'i-carbon:warning-hex' : undefined"
               >
                 <span dir="ltr" class="block truncate">
                   {{ v.version }}
@@ -646,7 +646,7 @@ function majorGroupContainsCurrent(group: (typeof otherMajorGroups.value)[0]): b
                       })
                     : row.primaryVersion.version
                 "
-                :classicon="row.primaryVersion.deprecated ? 'i-carbon-warning-hex' : undefined"
+                :classicon="row.primaryVersion.deprecated ? 'i-carbon:warning-hex' : undefined"
               >
                 <span dir="ltr" class="block truncate">
                   {{ row.primaryVersion.version }}
@@ -726,7 +726,7 @@ function majorGroupContainsCurrent(group: (typeof otherMajorGroups.value)[0]): b
                           : group.versions[0]?.version
                       "
                       :classicon="
-                        group.versions[0]?.deprecated ? 'i-carbon-warning-hex' : undefined
+                        group.versions[0]?.deprecated ? 'i-carbon:warning-hex' : undefined
                       "
                     >
                       <span dir="ltr" class="block truncate">
@@ -791,7 +791,7 @@ function majorGroupContainsCurrent(group: (typeof otherMajorGroups.value)[0]): b
                           : group.versions[0]?.version
                       "
                       :classicon="
-                        group.versions[0]?.deprecated ? 'i-carbon-warning-hex' : undefined
+                        group.versions[0]?.deprecated ? 'i-carbon:warning-hex' : undefined
                       "
                     >
                       <span dir="ltr" class="block truncate">
@@ -855,7 +855,7 @@ function majorGroupContainsCurrent(group: (typeof otherMajorGroups.value)[0]): b
                           ? $t('package.versions.deprecated_title', { version: v.version })
                           : v.version
                       "
-                      :classicon="v.deprecated ? 'i-carbon-warning-hex' : undefined"
+                      :classicon="v.deprecated ? 'i-carbon:warning-hex' : undefined"
                     >
                       <span dir="ltr" class="block truncate">
                         {{ v.version }}
diff --git a/app/components/PaginationControls.vue b/app/components/PaginationControls.vue
index f3fe1d02d..02fd5d491 100644
--- a/app/components/PaginationControls.vue
+++ b/app/components/PaginationControls.vue
@@ -197,7 +197,7 @@ function handlePageSizeChange(event: Event) {
           :aria-label="$t('filters.pagination.previous')"
           @click="goPrev"
         >
-          <span class="i-carbon-chevron-left block rtl-flip w-4 h-4" aria-hidden="true" />
+          <span class="i-carbon:chevron-left block rtl-flip w-4 h-4" aria-hidden="true" />
         </button>
 
         <!-- Page numbers -->
@@ -227,7 +227,7 @@ function handlePageSizeChange(event: Event) {
           :aria-label="$t('filters.pagination.next')"
           @click="goNext"
         >
-          <span class="i-carbon-chevron-right block rtl-flip w-4 h-4" aria-hidden="true" />
+          <span class="i-carbon:chevron-right block rtl-flip w-4 h-4" aria-hidden="true" />
         </button>
       </nav>
     </div>
diff --git a/app/components/Settings/AccentColorPicker.vue b/app/components/Settings/AccentColorPicker.vue
index e5d3b2ce8..387062721 100644
--- a/app/components/Settings/AccentColorPicker.vue
+++ b/app/components/Settings/AccentColorPicker.vue
@@ -55,7 +55,7 @@ onPrehydrate(el => {
         :aria-label="$t('settings.clear_accent')"
         @change="setAccentColor(null)"
       />
-      <span class="i-carbon-error size-4 text-bg" aria-hidden="true" />
+      <span class="i-carbon:error size-4 text-bg" aria-hidden="true" />
     </label>
   </fieldset>
 </template>
diff --git a/app/components/Settings/TranslationHelper.vue b/app/components/Settings/TranslationHelper.vue
index 7a13db2b7..6690b21f2 100644
--- a/app/components/Settings/TranslationHelper.vue
+++ b/app/components/Settings/TranslationHelper.vue
@@ -122,7 +122,7 @@ ${template}`
           rel="noopener noreferrer"
           class="inline-flex items-center gap-1.5 px-2.5 py-1.5 text-xs bg-bg hover:bg-bg-subtle border border-border rounded-md transition-colors focus-visible:outline-accent/70"
         >
-          <span class="i-carbon-edit w-3.5 h-3.5" aria-hidden="true" />
+          <span class="i-carbon:edit w-3.5 h-3.5" aria-hidden="true" />
           {{ $t('i18n.edit_on_github') }}
         </a>
 
@@ -132,7 +132,7 @@ ${template}`
           rel="noopener noreferrer"
           class="inline-flex items-center gap-1.5 px-2.5 py-1.5 text-xs text-fg-muted hover:text-fg rounded transition-colors focus-visible:outline-accent/70"
         >
-          <span class="i-carbon-document w-3.5 h-3.5" aria-hidden="true" />
+          <span class="i-carbon:document w-3.5 h-3.5" aria-hidden="true" />
           {{ $t('i18n.view_guide') }}
         </a>
       </div>
diff --git a/app/components/ViewModeToggle.vue b/app/components/ViewModeToggle.vue
index 88f7b4331..3632a756d 100644
--- a/app/components/ViewModeToggle.vue
+++ b/app/components/ViewModeToggle.vue
@@ -18,7 +18,7 @@ const viewMode = defineModel<ViewMode>({ default: 'cards' })
       :aria-label="$t('filters.view_mode.cards')"
       @click="viewMode = 'cards'"
     >
-      <span class="i-carbon-horizontal-view w-4 h-4" aria-hidden="true" />
+      <span class="i-carbon:horizontal-view w-4 h-4" aria-hidden="true" />
       <span class="sr-only">{{ $t('filters.view_mode.cards') }}</span>
     </button>
     <button
@@ -29,7 +29,7 @@ const viewMode = defineModel<ViewMode>({ default: 'cards' })
       :aria-label="$t('filters.view_mode.table')"
       @click="viewMode = 'table'"
     >
-      <span class="i-carbon-table-split w-4 h-4" aria-hidden="true" />
+      <span class="i-carbon:table-split w-4 h-4" aria-hidden="true" />
       <span class="sr-only">{{ $t('filters.view_mode.table') }}</span>
     </button>
   </div>
diff --git a/app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue b/app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue
index 0e6321356..cc10d4e5f 100644
--- a/app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue
+++ b/app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue
@@ -256,12 +256,12 @@ const markdownViewModes = [
   {
     key: 'preview',
     label: $t('code.markdown_view_mode.preview'),
-    icon: 'i-carbon-view',
+    icon: 'i-carbon:view',
   },
   {
     key: 'code',
     label: $t('code.markdown_view_mode.code'),
-    icon: 'i-carbon-code',
+    icon: 'i-carbon:code',
   },
 ] as const
 
diff --git a/app/pages/package/[[org]]/[name].vue b/app/pages/package/[[org]]/[name].vue
index c18d19937..6a371ff77 100644
--- a/app/pages/package/[[org]]/[name].vue
+++ b/app/pages/package/[[org]]/[name].vue
@@ -824,7 +824,7 @@ const showSkeleton = shallowRef(false)
               >
                 <span
                   v-if="isLoadingLikeData"
-                  class="i-carbon-circle-dash w-3 h-3 motion-safe:animate-spin my-0.5"
+                  class="i-carbon:circle-dash w-3 h-3 motion-safe:animate-spin my-0.5"
                   aria-hidden="true"
                 />
                 <span v-else>
@@ -1169,7 +1169,7 @@ const showSkeleton = shallowRef(false)
                     rel="noopener noreferrer"
                     class="inline-flex items-center gap-1 rounded-sm underline underline-offset-4 decoration-amber-600/60 dark:decoration-amber-400/50 hover:decoration-fg focus-visible:decoration-fg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/70 transition-colors"
                     >{{ $t('package.security_downgrade.provenance_link_text')
-                    }}<span class="i-carbon-launch w-3 h-3" aria-hidden="true"
+                    }}<span class="i-carbon:launch w-3 h-3" aria-hidden="true"
                   /></a>
                 </template>
               </i18n-t>
@@ -1189,7 +1189,7 @@ const showSkeleton = shallowRef(false)
                     rel="noopener noreferrer"
                     class="inline-flex items-center gap-1 rounded-sm underline underline-offset-4 decoration-amber-600/60 dark:decoration-amber-400/50 hover:decoration-fg focus-visible:decoration-fg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/70 transition-colors"
                     >{{ $t('package.security_downgrade.trusted_publishing_link_text')
-                    }}<span class="i-carbon-launch w-3 h-3" aria-hidden="true"
+                    }}<span class="i-carbon:launch w-3 h-3" aria-hidden="true"
                   /></a>
                 </template>
               </i18n-t>
@@ -1209,7 +1209,7 @@ const showSkeleton = shallowRef(false)
                     rel="noopener noreferrer"
                     class="inline-flex items-center gap-1 rounded-sm underline underline-offset-4 decoration-amber-600/60 dark:decoration-amber-400/50 hover:decoration-fg focus-visible:decoration-fg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/70 transition-colors"
                     >{{ $t('package.security_downgrade.provenance_link_text')
-                    }}<span class="i-carbon-launch w-3 h-3" aria-hidden="true"
+                    }}<span class="i-carbon:launch w-3 h-3" aria-hidden="true"
                   /></a>
                 </template>
                 <template #trustedPublishing>
@@ -1219,7 +1219,7 @@ const showSkeleton = shallowRef(false)
                     rel="noopener noreferrer"
                     class="inline-flex items-center gap-1 rounded-sm underline underline-offset-4 decoration-amber-600/60 dark:decoration-amber-400/50 hover:decoration-fg focus-visible:decoration-fg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/70 transition-colors"
                     >{{ $t('package.security_downgrade.trusted_publishing_link_text')
-                    }}<span class="i-carbon-launch w-3 h-3" aria-hidden="true"
+                    }}<span class="i-carbon:launch w-3 h-3" aria-hidden="true"
                   /></a>
                 </template>
               </i18n-t>
@@ -1321,7 +1321,7 @@ const showSkeleton = shallowRef(false)
             class="mt-8 flex items-center gap-2 text-fg-subtle text-sm"
           >
             <span
-              class="i-carbon-circle-dash w-4 h-4 motion-safe:animate-spin"
+              class="i-carbon:circle-dash w-4 h-4 motion-safe:animate-spin"
               aria-hidden="true"
             />
             <span>{{ $t('package.provenance_section.title') }}…</span>
diff --git a/app/utils/file-icons.ts b/app/utils/file-icons.ts
index 3e8b2d458..da8c06c5f 100644
--- a/app/utils/file-icons.ts
+++ b/app/utils/file-icons.ts
@@ -314,8 +314,8 @@ export const COMPOUND_EXTENSIONS: Record<string, string> = {
 export const DEFAULT_ICON = 'vscode-icons-default-file'
 
 export const ADDITIONAL_ICONS = {
-  'folder': 'carbon-folder',
-  'folder-open': 'carbon-folder-open',
+  'folder': 'carbon:folder',
+  'folder-open': 'carbon:folder-open',
 }
 
 /**
diff --git a/test/nuxt/components/LicenseDisplay.spec.ts b/test/nuxt/components/LicenseDisplay.spec.ts
index 69536a3a3..793907f06 100644
--- a/test/nuxt/components/LicenseDisplay.spec.ts
+++ b/test/nuxt/components/LicenseDisplay.spec.ts
@@ -27,7 +27,7 @@ describe('LicenseDisplay', () => {
       const component = await mountSuspended(LicenseDisplay, {
         props: { license: 'MIT' },
       })
-      const icon = component.find('.i-carbon-scales')
+      const icon = component.find('.i-carbon:scales')
       expect(icon.exists()).toBe(true)
     })
 
@@ -35,7 +35,7 @@ describe('LicenseDisplay', () => {
       const component = await mountSuspended(LicenseDisplay, {
         props: { license: 'CustomLicense' },
       })
-      const icon = component.find('.i-carbon-scales')
+      const icon = component.find('.i-carbon:scales')
       expect(icon.exists()).toBe(false)
     })
   })
@@ -105,7 +105,7 @@ describe('LicenseDisplay', () => {
       const component = await mountSuspended(LicenseDisplay, {
         props: { license: 'CustomLicense OR MIT' },
       })
-      const icon = component.find('.i-carbon-scales')
+      const icon = component.find('.i-carbon:scales')
       expect(icon.exists()).toBe(true)
     })
   })

From 542438956dd06264d6a8e014d6f0d0dcc9353382 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 02:14:07 +0100
Subject: [PATCH 02/85] refactor: unify syntax for lucide icons

---
 app/components/PackageProvenanceSection.vue   |  2 +-
 app/components/ProvenanceBadge.vue            |  4 ++--
 app/components/Readme.vue                     | 20 +++++++++----------
 app/pages/package/[[org]]/[name].vue          |  6 +++---
 .../content/1.getting-started/.navigation.yml |  2 +-
 .../1.getting-started/1.introduction.md       |  2 +-
 .../1.getting-started/2.quick-start.md        |  2 +-
 docs/content/2.guide/.navigation.yml          |  2 +-
 docs/content/2.guide/1.features.md            |  4 ++--
 docs/content/2.guide/2.keyboard-shortcuts.md  |  2 +-
 docs/content/2.guide/3.url-structure.md       |  2 +-
 docs/content/3.faq/.navigation.yml            |  2 +-
 docs/content/3.faq/1.troubleshooting.md       |  2 +-
 docs/content/3.faq/2.comparison.md            |  2 +-
 docs/content/index.md                         | 14 ++++++-------
 15 files changed, 34 insertions(+), 34 deletions(-)

diff --git a/app/components/PackageProvenanceSection.vue b/app/components/PackageProvenanceSection.vue
index caf6cd36d..9ff77f3b4 100644
--- a/app/components/PackageProvenanceSection.vue
+++ b/app/components/PackageProvenanceSection.vue
@@ -18,7 +18,7 @@ defineProps<{
       <div class="space-y-1">
         <p class="flex items-start gap-2 text-sm text-fg m-0">
           <span
-            class="i-lucide-shield-check w-4 h-4 shrink-0 text-emerald-500 mt-0.5"
+            class="i-lucide:shield-check w-4 h-4 shrink-0 text-emerald-500 mt-0.5"
             aria-hidden="true"
           />
           <i18n-t keypath="package.provenance_section.built_and_signed_on" tag="span">
diff --git a/app/components/ProvenanceBadge.vue b/app/components/ProvenanceBadge.vue
index 825ba747a..08e91bc4e 100644
--- a/app/components/ProvenanceBadge.vue
+++ b/app/components/ProvenanceBadge.vue
@@ -35,7 +35,7 @@ const title = computed(() =>
     class="inline-flex items-center justify-center gap-1 text-xs font-mono text-fg-muted hover:text-fg transition-colors duration-200 min-w-6 min-h-6"
     :title="title"
   >
-    <span class="i-lucide-shield-check shrink-0" :class="compact ? 'w-3.5 h-3.5' : 'w-4 h-4'" />
+    <span class="i-lucide:shield-check shrink-0" :class="compact ? 'w-3.5 h-3.5' : 'w-4 h-4'" />
     <span v-if="!compact" class="sr-only sm:not-sr-only">{{
       $t('badges.provenance.verified')
     }}</span>
@@ -45,7 +45,7 @@ const title = computed(() =>
     class="inline-flex items-center gap-1 text-xs font-mono text-fg-muted"
     :title="title"
   >
-    <span class="i-lucide-shield-check shrink-0" :class="compact ? 'w-3.5 h-3.5' : 'w-4 h-4'" />
+    <span class="i-lucide:shield-check shrink-0" :class="compact ? 'w-3.5 h-3.5' : 'w-4 h-4'" />
     <span v-if="!compact" class="sr-only sm:not-sr-only">{{
       $t('badges.provenance.verified')
     }}</span>
diff --git a/app/components/Readme.vue b/app/components/Readme.vue
index 534c9b58a..bf73d13e2 100644
--- a/app/components/Readme.vue
+++ b/app/components/Readme.vue
@@ -313,8 +313,8 @@ function handleClick(event: MouseEvent) {
 }
 .readme :deep(blockquote[data-callout='note']::after) {
   background-color: #3b82f6;
-  -webkit-mask: icon('i-lucide-info') no-repeat;
-  mask: icon('i-lucide-info') no-repeat;
+  -webkit-mask: icon('i-lucide:info') no-repeat;
+  mask: icon('i-lucide:info') no-repeat;
 }
 
 /* Tip - green */
@@ -328,8 +328,8 @@ function handleClick(event: MouseEvent) {
 }
 .readme :deep(blockquote[data-callout='tip']::after) {
   background-color: #22c55e;
-  -webkit-mask: icon('i-lucide-lightbulb') no-repeat;
-  mask: icon('i-lucide-lightbulb') no-repeat;
+  -webkit-mask: icon('i-lucide:lightbulb') no-repeat;
+  mask: icon('i-lucide:lightbulb') no-repeat;
 }
 
 /* Important - purple */
@@ -343,8 +343,8 @@ function handleClick(event: MouseEvent) {
 }
 .readme :deep(blockquote[data-callout='important']::after) {
   background-color: var(--syntax-fn);
-  -webkit-mask: icon('i-lucide-pin') no-repeat;
-  mask: icon('i-lucide-pin') no-repeat;
+  -webkit-mask: icon('i-lucide:pin') no-repeat;
+  mask: icon('i-lucide:pin') no-repeat;
 }
 
 /* Warning - yellow/orange */
@@ -358,8 +358,8 @@ function handleClick(event: MouseEvent) {
 }
 .readme :deep(blockquote[data-callout='warning']::after) {
   background-color: #eab308;
-  -webkit-mask: icon('i-lucide-triangle-alert') no-repeat;
-  mask: icon('i-lucide-triangle-alert') no-repeat;
+  -webkit-mask: icon('i-lucide:triangle-alert') no-repeat;
+  mask: icon('i-lucide:triangle-alert') no-repeat;
 }
 
 /* Caution - red */
@@ -373,8 +373,8 @@ function handleClick(event: MouseEvent) {
 }
 .readme :deep(blockquote[data-callout='caution']::after) {
   background-color: #ef4444;
-  -webkit-mask: icon('i-lucide-circle-alert') no-repeat;
-  mask: icon('i-lucide-circle-alert') no-repeat;
+  -webkit-mask: icon('i-lucide:circle-alert') no-repeat;
+  mask: icon('i-lucide:circle-alert') no-repeat;
 }
 
 /* Table wrapper for horizontal scroll on mobile */
diff --git a/app/pages/package/[[org]]/[name].vue b/app/pages/package/[[org]]/[name].vue
index 6a371ff77..8319ff94e 100644
--- a/app/pages/package/[[org]]/[name].vue
+++ b/app/pages/package/[[org]]/[name].vue
@@ -735,7 +735,7 @@ const showSkeleton = shallowRef(false)
                   size="small"
                   to="#provenance"
                   :aria-label="$t('package.provenance_section.view_more_details')"
-                  classicon="i-lucide-shield-check"
+                  classicon="i-lucide:shield-check"
                 />
               </TooltipApp>
             </template>
@@ -818,8 +818,8 @@ const showSkeleton = shallowRef(false)
                 :aria-pressed="likesData?.userHasLiked"
                 :classicon="
                   likesData?.userHasLiked
-                    ? 'i-lucide-heart-minus text-red-500'
-                    : 'i-lucide-heart-plus'
+                    ? 'i-lucide:heart-minus text-red-500'
+                    : 'i-lucide:heart-plus'
                 "
               >
                 <span
diff --git a/docs/content/1.getting-started/.navigation.yml b/docs/content/1.getting-started/.navigation.yml
index dacc69b94..ef1093b76 100644
--- a/docs/content/1.getting-started/.navigation.yml
+++ b/docs/content/1.getting-started/.navigation.yml
@@ -1,2 +1,2 @@
 title: Getting Started
-icon: i-lucide-rocket
+icon: i-lucide:rocket
diff --git a/docs/content/1.getting-started/1.introduction.md b/docs/content/1.getting-started/1.introduction.md
index 1b6e63dfd..427ada95b 100644
--- a/docs/content/1.getting-started/1.introduction.md
+++ b/docs/content/1.getting-started/1.introduction.md
@@ -2,7 +2,7 @@
 title: Introduction
 description: Learn what npmx.dev is and why you should use it
 navigation:
-  icon: i-lucide-house
+  icon: i-lucide:house
 ---
 
 npmx.dev provides a better way to browse the npm registry.
diff --git a/docs/content/1.getting-started/2.quick-start.md b/docs/content/1.getting-started/2.quick-start.md
index 8e68401d0..35ab7a057 100644
--- a/docs/content/1.getting-started/2.quick-start.md
+++ b/docs/content/1.getting-started/2.quick-start.md
@@ -2,7 +2,7 @@
 title: Quick Start
 description: Start using npmx.dev in seconds
 navigation:
-  icon: i-lucide-zap
+  icon: i-lucide:zap
 ---
 
 npmx.dev works in your browser with no installation required.
diff --git a/docs/content/2.guide/.navigation.yml b/docs/content/2.guide/.navigation.yml
index aa0bc9978..72cd35221 100644
--- a/docs/content/2.guide/.navigation.yml
+++ b/docs/content/2.guide/.navigation.yml
@@ -1,2 +1,2 @@
 title: Guide
-icon: i-lucide-book-open
+icon: i-lucide:book-open
diff --git a/docs/content/2.guide/1.features.md b/docs/content/2.guide/1.features.md
index b8449b3af..c0521edb8 100644
--- a/docs/content/2.guide/1.features.md
+++ b/docs/content/2.guide/1.features.md
@@ -2,7 +2,7 @@
 title: Features
 description: Explore all the features npmx.dev offers
 navigation:
-  icon: i-lucide-sparkles
+  icon: i-lucide:sparkles
 ---
 
 npmx.dev provides a comprehensive set of features for browsing npm packages.
@@ -85,7 +85,7 @@ Quick access to online development environments detected from package READMEs:
 | ------------------------------------------------------------------------------ | -------------------------------------------- |
 | :icon{name="i-simple-icons-stackblitz"} [StackBlitz](https://stackblitz.com)   | Browser-based IDE with instant environments  |
 | :icon{name="i-simple-icons-codesandbox"} [CodeSandbox](https://codesandbox.io) | Online code editor and prototyping tool      |
-| :icon{name="i-lucide-pen-tool"} [CodePen](https://codepen.io)                  | Social development environment for front-end |
+| :icon{name="i-lucide:pen-tool"} [CodePen](https://codepen.io)                  | Social development environment for front-end |
 | :icon{name="i-simple-icons-jsfiddle"} [JSFiddle](https://jsfiddle.net)         | Online editor for web snippets               |
 | :icon{name="i-simple-icons-replit"} [Replit](https://replit.com)               | Collaborative browser-based IDE              |
 
diff --git a/docs/content/2.guide/2.keyboard-shortcuts.md b/docs/content/2.guide/2.keyboard-shortcuts.md
index c0da8f10f..936ea1696 100644
--- a/docs/content/2.guide/2.keyboard-shortcuts.md
+++ b/docs/content/2.guide/2.keyboard-shortcuts.md
@@ -2,7 +2,7 @@
 title: Keyboard Shortcuts
 description: Navigate npmx.dev efficiently with keyboard shortcuts
 navigation:
-  icon: i-lucide-keyboard
+  icon: i-lucide:keyboard
 ---
 
 npmx.dev supports keyboard navigation for faster browsing.
diff --git a/docs/content/2.guide/3.url-structure.md b/docs/content/2.guide/3.url-structure.md
index 34790492c..8db36eafa 100644
--- a/docs/content/2.guide/3.url-structure.md
+++ b/docs/content/2.guide/3.url-structure.md
@@ -2,7 +2,7 @@
 title: URL Structure
 description: Understand how URLs work in npmx.dev
 navigation:
-  icon: i-lucide-link
+  icon: i-lucide:link
 ---
 
 npmx.dev supports npm-compatible URLs and simpler alternatives.
diff --git a/docs/content/3.faq/.navigation.yml b/docs/content/3.faq/.navigation.yml
index e83a79648..afe8bfbb2 100644
--- a/docs/content/3.faq/.navigation.yml
+++ b/docs/content/3.faq/.navigation.yml
@@ -1,2 +1,2 @@
 title: FAQ
-icon: i-lucide-circle-help
+icon: i-lucide:circle-help
diff --git a/docs/content/3.faq/1.troubleshooting.md b/docs/content/3.faq/1.troubleshooting.md
index 2b3782180..fed3cb16b 100644
--- a/docs/content/3.faq/1.troubleshooting.md
+++ b/docs/content/3.faq/1.troubleshooting.md
@@ -2,7 +2,7 @@
 title: Troubleshooting
 description: Common issues and how to resolve them
 navigation:
-  icon: i-lucide-wrench
+  icon: i-lucide:wrench
 ---
 
 Solutions to common issues when using npmx.dev.
diff --git a/docs/content/3.faq/2.comparison.md b/docs/content/3.faq/2.comparison.md
index 29c775d60..51d152efe 100644
--- a/docs/content/3.faq/2.comparison.md
+++ b/docs/content/3.faq/2.comparison.md
@@ -2,7 +2,7 @@
 title: Comparison
 description: How npmx.dev compares to npmjs.com
 navigation:
-  icon: i-lucide-git-compare
+  icon: i-lucide:git-compare
 ---
 
 A feature comparison between npmx.dev and npmjs.com.
diff --git a/docs/content/index.md b/docs/content/index.md
index b96ed030f..df883a45a 100644
--- a/docs/content/index.md
+++ b/docs/content/index.md
@@ -15,7 +15,7 @@ links:
   to: /getting-started/introduction
   color: neutral
   size: xl
-  trailingIcon: i-lucide-arrow-right
+  trailingIcon: i-lucide:arrow-right
 - label: View on GitHub
   to: https://github.com/npmx-dev/npmx.dev
   target: \_blank
@@ -30,21 +30,21 @@ links:
 
 ::u-page-section{title="What you can do"}
 #features
-:::u-page-feature{icon="i-lucide-search" to="/guide/features" title="Search packages" description="Fast package search with instant results, infinite scroll, and keyboard navigation."}
+:::u-page-feature{icon="i-lucide:search" to="/guide/features" title="Search packages" description="Fast package search with instant results, infinite scroll, and keyboard navigation."}
 :::
 
-:::u-page-feature{icon="i-lucide-code" to="/guide/features" title="Browse source code" description="View package source code with syntax highlighting and permalink to specific lines."}
+:::u-page-feature{icon="i-lucide:code" to="/guide/features" title="Browse source code" description="View package source code with syntax highlighting and permalink to specific lines."}
 :::
 
-:::u-page-feature{icon="i-lucide-link" to="/guide/url-structure" title="Use familiar URLs" description="Replace npmjs.com with npmx.dev in any URL and it just works."}
+:::u-page-feature{icon="i-lucide:link" to="/guide/url-structure" title="Use familiar URLs" description="Replace npmjs.com with npmx.dev in any URL and it just works."}
 :::
 
-:::u-page-feature{icon="i-lucide-keyboard" to="/guide/keyboard-shortcuts" title="Navigate with keyboard" description="Press / to search, . for code viewer, arrow keys to navigate results."}
+:::u-page-feature{icon="i-lucide:keyboard" to="/guide/keyboard-shortcuts" title="Navigate with keyboard" description="Press / to search, . for code viewer, arrow keys to navigate results."}
 :::
 
-:::u-page-feature{icon="i-lucide-shield-check" to="/guide/features" title="Check security" description="Vulnerability warnings from OSV database and provenance indicators for verified builds."}
+:::u-page-feature{icon="i-lucide:shield-check" to="/guide/features" title="Check security" description="Vulnerability warnings from OSV database and provenance indicators for verified builds."}
 :::
 
-:::u-page-feature{icon="i-lucide-moon" to="/guide/features" title="Enjoy dark mode" description="Dark mode by default for a better viewing experience."}
+:::u-page-feature{icon="i-lucide:moon" to="/guide/features" title="Enjoy dark mode" description="Dark mode by default for a better viewing experience."}
 :::
 ::

From 89c3c3059351ec2db27c8f6e09e1a020c13c3836 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 02:16:11 +0100
Subject: [PATCH 03/85] refactor: replace chevron icons

---
 app/components/Code/FileTree.vue             |  2 +-
 app/components/CollapsibleSection.vue        |  2 +-
 app/components/Filter/Panel.vue              |  2 +-
 app/components/Header/AccountMenu.client.vue |  2 +-
 app/components/Header/AccountMenu.server.vue |  2 +-
 app/components/Header/OrgsDropdown.vue       |  2 +-
 app/components/Header/PackagesDropdown.vue   |  2 +-
 app/components/Org/OperationsQueue.vue       |  2 +-
 app/components/Org/TeamsPanel.vue            |  2 +-
 app/components/Package/DeprecatedTree.vue    |  2 +-
 app/components/Package/InstallScripts.vue    |  2 +-
 app/components/Package/ManagerSelect.vue     |  2 +-
 app/components/Package/Playgrounds.vue       |  2 +-
 app/components/Package/Skeleton.vue          | 16 ++++++++--------
 app/components/Package/SkillsModal.vue       |  2 +-
 app/components/Package/Versions.vue          |  8 ++++----
 app/components/Package/VulnerabilityTree.vue |  2 +-
 app/components/PaginationControls.vue        |  4 ++--
 app/components/ReadmeTocDropdown.vue         |  2 +-
 app/components/Select/Field.vue              |  2 +-
 app/components/VersionSelector.vue           |  4 ++--
 21 files changed, 33 insertions(+), 33 deletions(-)

diff --git a/app/components/Code/FileTree.vue b/app/components/Code/FileTree.vue
index 6f6c62d78..2e2d2352d 100644
--- a/app/components/Code/FileTree.vue
+++ b/app/components/Code/FileTree.vue
@@ -59,7 +59,7 @@ watch(
           :aria-pressed="isNodeActive(node)"
           :style="{ paddingLeft: `${depth * 12 + 12}px` }"
           @click="toggleDir(node.path)"
-          :classicon="isExpanded(node.path) ? 'i-carbon:chevron-down' : 'i-carbon:chevron-right'"
+          :classicon="isExpanded(node.path) ? 'i-lucide:chevron-down' : 'i-lucide:chevron-right'"
         >
           <svg
             class="size-[1em] me-1 shrink-0"
diff --git a/app/components/CollapsibleSection.vue b/app/components/CollapsibleSection.vue
index e7d010fd8..5ddb8b7b7 100644
--- a/app/components/CollapsibleSection.vue
+++ b/app/components/CollapsibleSection.vue
@@ -100,7 +100,7 @@ useHead({
           <span
             v-else
             class="w-3 h-3 transition-transform duration-200"
-            :class="isOpen ? 'i-carbon:chevron-down' : 'i-carbon:chevron-right'"
+            :class="isOpen ? 'i-lucide:chevron-down' : 'i-lucide:chevron-right'"
             aria-hidden="true"
           />
         </button>
diff --git a/app/components/Filter/Panel.vue b/app/components/Filter/Panel.vue
index 45245afef..928bc5b75 100644
--- a/app/components/Filter/Panel.vue
+++ b/app/components/Filter/Panel.vue
@@ -200,7 +200,7 @@ const hasActiveFilters = computed(() => !!filterSummary.value)
         {{ filterSummary }}
       </span>
       <span
-        class="i-carbon:chevron-down w-4 h-4 text-fg-subtle transition-transform duration-200 shrink-0 ms-auto"
+        class="i-lucide:chevron-down w-4 h-4 text-fg-subtle transition-transform duration-200 shrink-0 ms-auto"
         :class="{ 'rotate-180': isExpanded }"
         aria-hidden="true"
       />
diff --git a/app/components/Header/AccountMenu.client.vue b/app/components/Header/AccountMenu.client.vue
index fdfedabdd..d6c5728ec 100644
--- a/app/components/Header/AccountMenu.client.vue
+++ b/app/components/Header/AccountMenu.client.vue
@@ -112,7 +112,7 @@ function openAuthModal() {
 
       <!-- Chevron -->
       <span
-        class="i-carbon:chevron-down w-3 h-3 transition-transform duration-200"
+        class="i-lucide:chevron-down w-3 h-3 transition-transform duration-200"
         :class="{ 'rotate-180': isOpen }"
         aria-hidden="true"
       />
diff --git a/app/components/Header/AccountMenu.server.vue b/app/components/Header/AccountMenu.server.vue
index 07959374b..fc8b783e5 100644
--- a/app/components/Header/AccountMenu.server.vue
+++ b/app/components/Header/AccountMenu.server.vue
@@ -4,7 +4,7 @@
       class="inline-flex gap-x-1 items-center justify-center font-mono border border-border rounded-md text-sm px-4 py-2 bg-transparent text-fg border-none"
     >
       <span class="font-mono text-sm text-fg-muted">{{ $t('account_menu.connect') }}</span>
-      <span class="i-carbon:chevron-down w-3 h-3 text-fg-muted" aria-hidden="true" />
+      <span class="i-lucide:chevron-down w-3 h-3 text-fg-muted" aria-hidden="true" />
     </div>
   </div>
 </template>
diff --git a/app/components/Header/OrgsDropdown.vue b/app/components/Header/OrgsDropdown.vue
index 527e49a34..3551d616b 100644
--- a/app/components/Header/OrgsDropdown.vue
+++ b/app/components/Header/OrgsDropdown.vue
@@ -63,7 +63,7 @@ function handleKeydown(event: KeyboardEvent) {
     >
       {{ $t('header.orgs') }}
       <span
-        class="i-carbon:chevron-down w-3 h-3 transition-transform duration-200"
+        class="i-lucide:chevron-down w-3 h-3 transition-transform duration-200"
         :class="{ 'rotate-180': isOpen }"
         aria-hidden="true"
       />
diff --git a/app/components/Header/PackagesDropdown.vue b/app/components/Header/PackagesDropdown.vue
index 1d4b7189e..a61aaf4a5 100644
--- a/app/components/Header/PackagesDropdown.vue
+++ b/app/components/Header/PackagesDropdown.vue
@@ -63,7 +63,7 @@ function handleKeydown(event: KeyboardEvent) {
     >
       {{ $t('header.packages') }}
       <span
-        class="i-carbon:chevron-down w-3 h-3 transition-transform duration-200"
+        class="i-lucide:chevron-down w-3 h-3 transition-transform duration-200"
         :class="{ 'rotate-180': isOpen }"
         aria-hidden="true"
       />
diff --git a/app/components/Org/OperationsQueue.vue b/app/components/Org/OperationsQueue.vue
index d28a64da9..3bac4e0c1 100644
--- a/app/components/Org/OperationsQueue.vue
+++ b/app/components/Org/OperationsQueue.vue
@@ -395,7 +395,7 @@ watch(isExecuting, executing => {
         class="flex items-center gap-2 font-mono text-xs text-fg-muted hover:text-fg transition-colors duration-200 select-none"
       >
         <span
-          class="i-carbon:chevron-right rtl-flip w-3 h-3 transition-transform duration-200 [[open]>&]:rotate-90"
+          class="i-lucide:chevron-right rtl-flip w-3 h-3 transition-transform duration-200 [[open]>&]:rotate-90"
           aria-hidden="true"
         />
         {{ $t('operations.queue.log') }} ({{ completedOperations.length }})
diff --git a/app/components/Org/TeamsPanel.vue b/app/components/Org/TeamsPanel.vue
index ad378e5a5..b46f342c3 100644
--- a/app/components/Org/TeamsPanel.vue
+++ b/app/components/Org/TeamsPanel.vue
@@ -371,7 +371,7 @@ watch(lastExecutionTime, () => {
             <span
               class="w-4 h-4 transition-transform duration-200 rtl-flip"
               :class="[
-                expandedTeams.has(teamName) ? 'i-carbon:chevron-down' : 'i-carbon:chevron-right',
+                expandedTeams.has(teamName) ? 'i-lucide:chevron-down' : 'i-lucide:chevron-right',
                 'text-fg-muted',
               ]"
               aria-hidden="true"
diff --git a/app/components/Package/DeprecatedTree.vue b/app/components/Package/DeprecatedTree.vue
index 7eb0657b6..3ed000a6f 100644
--- a/app/components/Package/DeprecatedTree.vue
+++ b/app/components/Package/DeprecatedTree.vue
@@ -60,7 +60,7 @@ function getDepthStyle(depth: DependencyDepth) {
           </span>
         </span>
         <span
-          class="i-carbon:chevron-down w-4 h-4 transition-transform duration-200 shrink-0"
+          class="i-lucide:chevron-down w-4 h-4 transition-transform duration-200 shrink-0"
           :class="{ 'rotate-180': isExpanded }"
           aria-hidden="true"
         />
diff --git a/app/components/Package/InstallScripts.vue b/app/components/Package/InstallScripts.vue
index f45a572fe..3f9ae9d23 100644
--- a/app/components/Package/InstallScripts.vue
+++ b/app/components/Package/InstallScripts.vue
@@ -99,7 +99,7 @@ const isExpanded = shallowRef(false)
         @click="isExpanded = !isExpanded"
       >
         <span
-          class="i-carbon:chevron-right rtl-flip w-3 h-3 transition-transform duration-200"
+          class="i-lucide:chevron-right rtl-flip w-3 h-3 transition-transform duration-200"
           :class="{ 'rotate-90': isExpanded }"
           aria-hidden="true"
         />
diff --git a/app/components/Package/ManagerSelect.vue b/app/components/Package/ManagerSelect.vue
index 0d4de0ba3..36bbc28d8 100644
--- a/app/components/Package/ManagerSelect.vue
+++ b/app/components/Package/ManagerSelect.vue
@@ -111,7 +111,7 @@ function handleKeydown(event: KeyboardEvent) {
       >
     </template>
     <span
-      class="i-carbon:chevron-down w-3 h-3"
+      class="i-lucide:chevron-down w-3 h-3"
       :class="[
         { 'rotate-180': isOpen },
         prefersReducedMotion ? '' : 'transition-transform duration-200',
diff --git a/app/components/Package/Playgrounds.vue b/app/components/Package/Playgrounds.vue
index 199439e04..3d2c919f1 100644
--- a/app/components/Package/Playgrounds.vue
+++ b/app/components/Package/Playgrounds.vue
@@ -151,7 +151,7 @@ function focusMenuItem(index: number) {
           >
         </span>
         <span
-          class="i-carbon:chevron-down w-3 h-3 text-fg-subtle transition-transform duration-200 motion-reduce:transition-none"
+          class="i-lucide:chevron-down w-3 h-3 text-fg-subtle transition-transform duration-200 motion-reduce:transition-none"
           :class="{ 'rotate-180': isOpen }"
           aria-hidden="true"
         />
diff --git a/app/components/Package/Skeleton.vue b/app/components/Package/Skeleton.vue
index 66ce3ed83..061767735 100644
--- a/app/components/Package/Skeleton.vue
+++ b/app/components/Package/Skeleton.vue
@@ -208,7 +208,7 @@
                 class="text-xs font-mono text-fg-subtle uppercase tracking-wider flex items-center gap-2"
               >
                 <span class="w-4 h-4 flex items-center justify-center shrink-0">
-                  <span class="i-carbon:chevron-down w-3 h-3" aria-hidden="true" />
+                  <span class="i-lucide:chevron-down w-3 h-3" aria-hidden="true" />
                 </span>
                 {{ $t('package.downloads.title') }}
               </h2>
@@ -245,7 +245,7 @@
                 class="text-xs font-mono text-fg-subtle uppercase tracking-wider flex items-center gap-2"
               >
                 <span class="w-4 h-4 flex items-center justify-center shrink-0">
-                  <span class="i-carbon:chevron-down w-3 h-3" aria-hidden="true" />
+                  <span class="i-lucide:chevron-down w-3 h-3" aria-hidden="true" />
                 </span>
                 {{ $t('package.compatibility') }}
               </h2>
@@ -265,7 +265,7 @@
                 class="text-xs font-mono text-fg-subtle uppercase tracking-wider flex items-center gap-2"
               >
                 <span class="w-4 h-4 flex items-center justify-center shrink-0">
-                  <span class="i-carbon:chevron-down w-3 h-3" aria-hidden="true" />
+                  <span class="i-lucide:chevron-down w-3 h-3" aria-hidden="true" />
                 </span>
                 {{ $t('package.skeleton.versions') }}
               </h2>
@@ -274,7 +274,7 @@
               <!-- Version rows with expand chevron + version + tag + date -->
               <div v-for="i in 4" :key="i" class="flex items-center gap-2 px-1">
                 <span class="w-4 h-4 flex items-center justify-center shrink-0">
-                  <span class="i-carbon:chevron-right w-3 h-3 text-fg-subtle" aria-hidden="true" />
+                  <span class="i-lucide:chevron-right w-3 h-3 text-fg-subtle" aria-hidden="true" />
                 </span>
                 <div class="flex-1 py-1.5 min-w-0 flex gap-2 justify-between items-center">
                   <div>
@@ -290,7 +290,7 @@
               <!-- Other versions row -->
               <div class="flex items-center gap-2 p-1">
                 <span class="w-4 h-4 flex items-center justify-center shrink-0">
-                  <span class="i-carbon:chevron-right w-3 h-3 text-fg-subtle" aria-hidden="true" />
+                  <span class="i-lucide:chevron-right w-3 h-3 text-fg-subtle" aria-hidden="true" />
                 </span>
                 <SkeletonInline class="h-3 w-28" />
               </div>
@@ -304,7 +304,7 @@
                 class="text-xs font-mono text-fg-subtle uppercase tracking-wider flex items-center gap-2"
               >
                 <span class="w-4 h-4 flex items-center justify-center shrink-0">
-                  <span class="i-carbon:chevron-down w-3 h-3" aria-hidden="true" />
+                  <span class="i-lucide:chevron-down w-3 h-3" aria-hidden="true" />
                 </span>
                 {{ $t('package.skeleton.dependencies') }}
               </h2>
@@ -336,7 +336,7 @@
                 class="text-xs font-mono text-fg-subtle uppercase tracking-wider flex items-center gap-2"
               >
                 <span class="w-4 h-4 flex items-center justify-center shrink-0">
-                  <span class="i-carbon:chevron-down w-3 h-3" aria-hidden="true" />
+                  <span class="i-lucide:chevron-down w-3 h-3" aria-hidden="true" />
                 </span>
                 {{ $t('package.skeleton.keywords') }}
               </h2>
@@ -358,7 +358,7 @@
                 class="text-xs font-mono text-fg-subtle uppercase tracking-wider flex items-center gap-2"
               >
                 <span class="w-4 h-4 flex items-center justify-center shrink-0">
-                  <span class="i-carbon:chevron-down w-3 h-3" aria-hidden="true" />
+                  <span class="i-lucide:chevron-down w-3 h-3" aria-hidden="true" />
                 </span>
                 {{ $t('package.skeleton.maintainers') }}
               </h2>
diff --git a/app/components/Package/SkillsModal.vue b/app/components/Package/SkillsModal.vue
index 83708beff..e41223dfb 100644
--- a/app/components/Package/SkillsModal.vue
+++ b/app/components/Package/SkillsModal.vue
@@ -159,7 +159,7 @@ function getWarningTooltip(skill: SkillListItem): string | undefined {
           @click="toggleSkill(skill.dirName)"
         >
           <span
-            class="i-carbon:chevron-right w-3 h-3 text-fg-subtle shrink-0 transition-transform duration-200"
+            class="i-lucide:chevron-right w-3 h-3 text-fg-subtle shrink-0 transition-transform duration-200"
             :class="{ 'rotate-90': expandedSkills.has(skill.dirName) }"
             aria-hidden="true"
           />
diff --git a/app/components/Package/Versions.vue b/app/components/Package/Versions.vue
index 1c73be9e5..7b8fd62fe 100644
--- a/app/components/Package/Versions.vue
+++ b/app/components/Package/Versions.vue
@@ -448,7 +448,7 @@ function majorGroupContainsCurrent(group: (typeof otherMajorGroups.value)[0]): b
               v-else
               class="w-3 h-3 transition-transform duration-200 rtl-flip"
               :class="
-                expandedTags.has(row.tag) ? 'i-carbon:chevron-down' : 'i-carbon:chevron-right'
+                expandedTags.has(row.tag) ? 'i-lucide:chevron-down' : 'i-lucide:chevron-right'
               "
               aria-hidden="true"
             />
@@ -602,7 +602,7 @@ function majorGroupContainsCurrent(group: (typeof otherMajorGroups.value)[0]): b
             <span
               v-else
               class="w-3 h-3 transition-transform duration-200 rtl-flip"
-              :class="otherVersionsExpanded ? 'i-carbon:chevron-down' : 'i-carbon:chevron-right'"
+              :class="otherVersionsExpanded ? 'i-lucide:chevron-down' : 'i-lucide:chevron-right'"
               aria-hidden="true"
             />
           </span>
@@ -702,8 +702,8 @@ function majorGroupContainsCurrent(group: (typeof otherMajorGroups.value)[0]): b
                         class="w-3 h-3 transition-transform duration-200 rtl-flip"
                         :class="
                           expandedMajorGroups.has(group.groupKey)
-                            ? 'i-carbon:chevron-down'
-                            : 'i-carbon:chevron-right'
+                            ? 'i-lucide:chevron-down'
+                            : 'i-lucide:chevron-right'
                         "
                         aria-hidden="true"
                       />
diff --git a/app/components/Package/VulnerabilityTree.vue b/app/components/Package/VulnerabilityTree.vue
index 2260fe514..17e414cb9 100644
--- a/app/components/Package/VulnerabilityTree.vue
+++ b/app/components/Package/VulnerabilityTree.vue
@@ -102,7 +102,7 @@ function getDepthStyle(depth: string | undefined) {
         <span class="flex items-center gap-2 shrink-0">
           <span class="text-xs op-90 dark:op-80 hidden sm:inline">{{ summaryText }}</span>
           <span
-            class="i-carbon:chevron-down w-4 h-4 transition-transform duration-200"
+            class="i-lucide:chevron-down w-4 h-4 transition-transform duration-200"
             :class="{ 'rotate-180': isExpanded }"
             aria-hidden="true"
           />
diff --git a/app/components/PaginationControls.vue b/app/components/PaginationControls.vue
index 02fd5d491..4bb8701fc 100644
--- a/app/components/PaginationControls.vue
+++ b/app/components/PaginationControls.vue
@@ -197,7 +197,7 @@ function handlePageSizeChange(event: Event) {
           :aria-label="$t('filters.pagination.previous')"
           @click="goPrev"
         >
-          <span class="i-carbon:chevron-left block rtl-flip w-4 h-4" aria-hidden="true" />
+          <span class="i-lucide:chevron-left block rtl-flip w-4 h-4" aria-hidden="true" />
         </button>
 
         <!-- Page numbers -->
@@ -227,7 +227,7 @@ function handlePageSizeChange(event: Event) {
           :aria-label="$t('filters.pagination.next')"
           @click="goNext"
         >
-          <span class="i-carbon:chevron-right block rtl-flip w-4 h-4" aria-hidden="true" />
+          <span class="i-lucide:chevron-right block rtl-flip w-4 h-4" aria-hidden="true" />
         </button>
       </nav>
     </div>
diff --git a/app/components/ReadmeTocDropdown.vue b/app/components/ReadmeTocDropdown.vue
index 0fba743c9..cbcf01bd4 100644
--- a/app/components/ReadmeTocDropdown.vue
+++ b/app/components/ReadmeTocDropdown.vue
@@ -156,7 +156,7 @@ function handleKeydown(event: KeyboardEvent) {
     block
   >
     <span
-      class="i-carbon:chevron-down w-3 h-3"
+      class="i-lucide:chevron-down w-3 h-3"
       :class="[
         { 'rotate-180': isOpen },
         prefersReducedMotion ? '' : 'transition-transform duration-200',
diff --git a/app/components/Select/Field.vue b/app/components/Select/Field.vue
index 20dc3edc9..7b962dbd9 100644
--- a/app/components/Select/Field.vue
+++ b/app/components/Select/Field.vue
@@ -69,7 +69,7 @@ const props = withDefaults(defineProps<SelectFieldProps>(), {
       </SelectBase>
       <span
         aria-hidden="true"
-        class="block i-carbon:chevron-down absolute top-1/2 -translate-y-1/2 text-fg-subtle pointer-events-none group-hover/select:text-fg group-focus-within/select:text-fg"
+        class="block i-lucide:chevron-down absolute top-1/2 -translate-y-1/2 text-fg-subtle pointer-events-none group-hover/select:text-fg group-focus-within/select:text-fg"
         :class="[SELECT_FIELD_ICON_SIZES[size]]"
       />
     </div>
diff --git a/app/components/VersionSelector.vue b/app/components/VersionSelector.vue
index af9d61659..999cb45e7 100644
--- a/app/components/VersionSelector.vue
+++ b/app/components/VersionSelector.vue
@@ -484,7 +484,7 @@ watch(
         latest
       </span>
       <span
-        class="i-carbon:chevron-down w-3.5 h-3.5 transition-[transform] duration-200 motion-reduce:transition-none"
+        class="i-lucide:chevron-down w-3.5 h-3.5 transition-[transform] duration-200 motion-reduce:transition-none"
         :class="{ 'rotate-180': isOpen }"
         aria-hidden="true"
       />
@@ -546,7 +546,7 @@ watch(
               <span
                 v-else
                 class="w-3 h-3 transition-transform duration-200 rtl-flip"
-                :class="group.isExpanded ? 'i-carbon:chevron-down' : 'i-carbon:chevron-right'"
+                :class="group.isExpanded ? 'i-lucide:chevron-down' : 'i-lucide:chevron-right'"
                 aria-hidden="true"
               />
             </button>

From d9afb50459d11560b3cc478bef2b082b3560dffd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 02:17:01 +0100
Subject: [PATCH 04/85] refactor: replace close icon

---
 app/components/Code/MobileTreeDrawer.vue       | 4 ++--
 app/components/Compare/PackageSelector.vue     | 2 +-
 app/components/Filter/Chips.vue                | 2 +-
 app/components/Header/MobileMenu.client.vue    | 2 +-
 app/components/Modal.client.vue                | 2 +-
 app/components/Org/MembersPanel.vue            | 4 ++--
 app/components/Org/OperationsQueue.vue         | 8 ++++----
 app/components/Org/TeamsPanel.vue              | 6 +++---
 app/components/Package/AccessControls.vue      | 4 ++--
 app/components/Package/ClaimPackageModal.vue   | 2 +-
 app/components/Package/Maintainers.vue         | 4 ++--
 app/components/Package/MetricsBadges.vue       | 4 ++--
 app/components/Package/TrendsChart.vue         | 4 ++--
 app/components/Package/VersionDistribution.vue | 4 ++--
 14 files changed, 26 insertions(+), 26 deletions(-)

diff --git a/app/components/Code/MobileTreeDrawer.vue b/app/components/Code/MobileTreeDrawer.vue
index 6ece33235..71deaf67c 100644
--- a/app/components/Code/MobileTreeDrawer.vue
+++ b/app/components/Code/MobileTreeDrawer.vue
@@ -32,7 +32,7 @@ watch(isOpen, open => (isLocked.value = open))
     class="md:hidden fixed bottom-4 inset-ie-4 z-45"
     :aria-label="$t('code.toggle_tree')"
     @click="isOpen = !isOpen"
-    :classicon="isOpen ? 'i-carbon:close' : 'i-carbon:folder'"
+    :classicon="isOpen ? 'i-lucide:circle-x' : 'i-carbon:folder'"
   />
 
   <!-- Backdrop -->
@@ -68,7 +68,7 @@ watch(isOpen, open => (isLocked.value = open))
         <ButtonBase
           :aria-label="$t('code.close_tree')"
           @click="isOpen = false"
-          classicon="i-carbon:close"
+          classicon="i-lucide:circle-x"
         />
       </div>
       <CodeFileTree
diff --git a/app/components/Compare/PackageSelector.vue b/app/components/Compare/PackageSelector.vue
index 057e7d64f..816c36c27 100644
--- a/app/components/Compare/PackageSelector.vue
+++ b/app/components/Compare/PackageSelector.vue
@@ -214,7 +214,7 @@ function handleFocus() {
             })
           "
           @click="removePackage(pkg)"
-          classicon="i-carbon:close"
+          classicon="i-lucide:circle-x"
         />
       </TagStatic>
     </div>
diff --git a/app/components/Filter/Chips.vue b/app/components/Filter/Chips.vue
index 5576088ba..7f258d78e 100644
--- a/app/components/Filter/Chips.vue
+++ b/app/components/Filter/Chips.vue
@@ -25,7 +25,7 @@ const emit = defineEmits<{
           :aria-label="$t('filters.remove_filter', { label: chip.label })"
           @click="emit('remove', chip)"
         >
-          <span class="i-carbon:close w-3 h-3" aria-hidden="true" />
+          <span class="i-lucide:circle-x w-3 h-3" aria-hidden="true" />
         </button>
       </TagStatic>
     </TransitionGroup>
diff --git a/app/components/Header/MobileMenu.client.vue b/app/components/Header/MobileMenu.client.vue
index e29f683bf..1c99589db 100644
--- a/app/components/Header/MobileMenu.client.vue
+++ b/app/components/Header/MobileMenu.client.vue
@@ -99,7 +99,7 @@ onUnmounted(deactivate)
                 :aria-label="$t('common.close')"
                 @click="closeMenu"
               >
-                <span class="i-carbon:close w-5 h-5" aria-hidden="true" />
+                <span class="i-lucide:circle-x w-5 h-5" aria-hidden="true" />
               </button>
             </div>
 
diff --git a/app/components/Modal.client.vue b/app/components/Modal.client.vue
index 0ae75dd97..cfb139d51 100644
--- a/app/components/Modal.client.vue
+++ b/app/components/Modal.client.vue
@@ -57,7 +57,7 @@ defineExpose({
           type="button"
           :aria-label="$t('common.close')"
           @click="handleModalClose"
-          classicon="i-carbon:close"
+          classicon="i-lucide:circle-x"
         />
       </div>
       <!-- Modal body content -->
diff --git a/app/components/Org/MembersPanel.vue b/app/components/Org/MembersPanel.vue
index 757030ee4..dce1e9778 100644
--- a/app/components/Org/MembersPanel.vue
+++ b/app/components/Org/MembersPanel.vue
@@ -486,7 +486,7 @@ watch(lastExecutionTime, () => {
               :aria-label="$t('org.members.remove_from_org', { name: member.name })"
               @click="handleRemoveMember(member.name)"
             >
-              <span class="i-carbon:close w-4 h-4" aria-hidden="true" />
+              <span class="i-lucide:circle-x w-4 h-4" aria-hidden="true" />
             </button>
           </div>
         </div>
@@ -572,7 +572,7 @@ watch(lastExecutionTime, () => {
               :aria-label="$t('org.members.cancel_add')"
               @click="showAddMember = false"
             >
-              <span class="i-carbon:close w-4 h-4" aria-hidden="true" />
+              <span class="i-lucide:circle-x w-4 h-4" aria-hidden="true" />
             </button>
           </div>
         </form>
diff --git a/app/components/Org/OperationsQueue.vue b/app/components/Org/OperationsQueue.vue
index 3bac4e0c1..030023a6c 100644
--- a/app/components/Org/OperationsQueue.vue
+++ b/app/components/Org/OperationsQueue.vue
@@ -166,7 +166,7 @@ function getStatusIcon(status: string): string {
     case 'completed':
       return 'i-carbon:checkmark-filled'
     case 'failed':
-      return 'i-carbon:close-filled'
+      return 'i-lucide:circle-x-filled'
     default:
       return 'i-carbon:help'
   }
@@ -292,7 +292,7 @@ watch(isExecuting, executing => {
             :aria-label="$t('operations.queue.remove_operation')"
             @click="removeOperation(op.id)"
           >
-            <span class="i-carbon:close w-4 h-4" aria-hidden="true" />
+            <span class="i-lucide:circle-x w-4 h-4" aria-hidden="true" />
           </button>
         </div>
       </li>
@@ -411,7 +411,7 @@ watch(isExecuting, executing => {
             :class="
               op.status === 'completed'
                 ? 'i-carbon:checkmark-filled text-green-500'
-                : 'i-carbon:close-filled text-red-500'
+                : 'i-lucide:circle-x-filled text-red-500'
             "
             class="w-3.5 h-3.5 shrink-0 mt-0.5"
             aria-hidden="true"
@@ -431,7 +431,7 @@ watch(isExecuting, executing => {
             :aria-label="$t('operations.queue.remove_from_log')"
             @click="removeOperation(op.id)"
           >
-            <span class="i-carbon:close w-3 h-3" aria-hidden="true" />
+            <span class="i-lucide:circle-x w-3 h-3" aria-hidden="true" />
           </button>
         </li>
       </ul>
diff --git a/app/components/Org/TeamsPanel.vue b/app/components/Org/TeamsPanel.vue
index b46f342c3..3f7f212d6 100644
--- a/app/components/Org/TeamsPanel.vue
+++ b/app/components/Org/TeamsPanel.vue
@@ -433,7 +433,7 @@ watch(lastExecutionTime, () => {
                 :aria-label="$t('org.teams.remove_user', { user })"
                 @click="handleRemoveUser(teamName, user)"
               >
-                <span class="i-carbon:close w-3.5 h-3.5" aria-hidden="true" />
+                <span class="i-lucide:circle-x w-3.5 h-3.5" aria-hidden="true" />
               </button>
             </li>
           </ul>
@@ -470,7 +470,7 @@ watch(lastExecutionTime, () => {
                 :aria-label="$t('org.teams.cancel_add_user')"
                 @click="showAddUserFor = null"
               >
-                <span class="i-carbon:close w-4 h-4" aria-hidden="true" />
+                <span class="i-lucide:circle-x w-4 h-4" aria-hidden="true" />
               </button>
             </form>
           </div>
@@ -528,7 +528,7 @@ watch(lastExecutionTime, () => {
             :aria-label="$t('org.teams.cancel_create')"
             @click="showCreateTeam = false"
           >
-            <span class="i-carbon:close w-4 h-4" aria-hidden="true" />
+            <span class="i-lucide:circle-x w-4 h-4" aria-hidden="true" />
           </button>
         </form>
       </div>
diff --git a/app/components/Package/AccessControls.vue b/app/components/Package/AccessControls.vue
index 4c326565a..185939174 100644
--- a/app/components/Package/AccessControls.vue
+++ b/app/components/Package/AccessControls.vue
@@ -229,7 +229,7 @@ watch(
           :aria-label="$t('package.access.revoke_access', { name: collab.displayName })"
           @click="handleRevokeAccess(collab.name)"
         >
-          <span class="i-carbon:close w-3.5 h-3.5" aria-hidden="true" />
+          <span class="i-lucide:circle-x w-3.5 h-3.5" aria-hidden="true" />
         </button>
         <span v-else class="text-xs text-fg-subtle"> {{ $t('package.access.owner') }} </span>
       </li>
@@ -289,7 +289,7 @@ watch(
             :aria-label="$t('package.access.cancel_grant')"
             @click="showGrantAccess = false"
           >
-            <span class="i-carbon:close w-4 h-4" aria-hidden="true" />
+            <span class="i-lucide:circle-x w-4 h-4" aria-hidden="true" />
           </button>
         </div>
       </form>
diff --git a/app/components/Package/ClaimPackageModal.vue b/app/components/Package/ClaimPackageModal.vue
index 8fa0a277e..bc02e7113 100644
--- a/app/components/Package/ClaimPackageModal.vue
+++ b/app/components/Package/ClaimPackageModal.vue
@@ -234,7 +234,7 @@ const previewPackageJson = computed(() => {
           v-else
           class="flex items-center gap-3 p-4 bg-red-500/10 border border-red-500/20 rounded-lg"
         >
-          <span class="i-carbon:close-filled text-red-500 w-5 h-5" aria-hidden="true" />
+          <span class="i-lucide:circle-x-filled text-red-500 w-5 h-5" aria-hidden="true" />
           <p class="font-mono text-sm text-fg">{{ $t('claim.modal.taken') }}</p>
         </div>
       </div>
diff --git a/app/components/Package/Maintainers.vue b/app/components/Package/Maintainers.vue
index 50509aa13..d802ebec2 100644
--- a/app/components/Package/Maintainers.vue
+++ b/app/components/Package/Maintainers.vue
@@ -228,7 +228,7 @@ watch(
           "
           @click="handleRemoveOwner(maintainer.name)"
         >
-          <span class="i-carbon:close w-3.5 h-3.5" aria-hidden="true" />
+          <span class="i-lucide:circle-x w-3.5 h-3.5" aria-hidden="true" />
         </ButtonBase>
       </li>
     </ul>
@@ -270,7 +270,7 @@ watch(
           <ButtonBase
             :aria-label="$t('package.maintainers.cancel_add')"
             @click="showAddOwner = false"
-            classicon="i-carbon:close"
+            classicon="i-lucide:circle-x"
           />
         </form>
       </div>
diff --git a/app/components/Package/MetricsBadges.vue b/app/components/Package/MetricsBadges.vue
index 7ad9b6d38..86ab5fa03 100644
--- a/app/components/Package/MetricsBadges.vue
+++ b/app/components/Package/MetricsBadges.vue
@@ -76,7 +76,7 @@ const typesHref = computed(() => {
               ? 'i-carbon:circle-dash motion-safe:animate-spin'
               : hasTypes
                 ? 'i-carbon:checkmark'
-                : 'i-carbon:close'
+                : 'i-lucide:circle-x'
           "
         >
           {{ $t('package.metrics.types_label') }}
@@ -98,7 +98,7 @@ const typesHref = computed(() => {
               ? 'i-carbon:circle-dash motion-safe:animate-spin'
               : hasEsm
                 ? 'i-carbon:checkmark'
-                : 'i-carbon:close'
+                : 'i-lucide:circle-x'
           "
         >
           ESM
diff --git a/app/components/Package/TrendsChart.vue b/app/components/Package/TrendsChart.vue
index 9339abf76..cf14e621e 100644
--- a/app/components/Package/TrendsChart.vue
+++ b/app/components/Package/TrendsChart.vue
@@ -1652,7 +1652,7 @@ watch(selectedMetric, value => {
             </template>
 
             <template #menuIcon="{ isOpen }">
-              <span v-if="isOpen" class="i-carbon:close w-6 h-6" aria-hidden="true" />
+              <span v-if="isOpen" class="i-lucide:circle-x w-6 h-6" aria-hidden="true" />
               <span v-else class="i-carbon:overflow-menu-vertical w-6 h-6" aria-hidden="true" />
             </template>
             <template #optionCsv>
@@ -1679,7 +1679,7 @@ watch(selectedMetric, value => {
 
             <template #annotator-action-close>
               <span
-                class="i-carbon:close w-6 h-6 text-fg-subtle"
+                class="i-lucide:circle-x w-6 h-6 text-fg-subtle"
                 style="pointer-events: none"
                 aria-hidden="true"
               />
diff --git a/app/components/Package/VersionDistribution.vue b/app/components/Package/VersionDistribution.vue
index 4297fab35..fdc4b9a91 100644
--- a/app/components/Package/VersionDistribution.vue
+++ b/app/components/Package/VersionDistribution.vue
@@ -514,7 +514,7 @@ const endDate = computed(() => {
 
             <!-- Contextual menu icon -->
             <template #menuIcon="{ isOpen }">
-              <span v-if="isOpen" class="i-carbon:close w-6 h-6" aria-hidden="true" />
+              <span v-if="isOpen" class="i-lucide:circle-x w-6 h-6" aria-hidden="true" />
               <span v-else class="i-carbon:overflow-menu-vertical w-6 h-6" aria-hidden="true" />
             </template>
 
@@ -546,7 +546,7 @@ const endDate = computed(() => {
             <!-- Annotator action icons -->
             <template #annotator-action-close>
               <span
-                class="i-carbon:close w-6 h-6 text-fg-subtle"
+                class="i-lucide:circle-x w-6 h-6 text-fg-subtle"
                 style="pointer-events: none"
                 aria-hidden="true"
               />

From af1b420d814798af6517c993d75d682e692bd4e3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 02:17:44 +0100
Subject: [PATCH 05/85] refactor: replace folder icon

---
 app/components/Code/MobileTreeDrawer.vue | 2 +-
 app/utils/file-icons.ts                  | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/components/Code/MobileTreeDrawer.vue b/app/components/Code/MobileTreeDrawer.vue
index 71deaf67c..c1de4b1f8 100644
--- a/app/components/Code/MobileTreeDrawer.vue
+++ b/app/components/Code/MobileTreeDrawer.vue
@@ -32,7 +32,7 @@ watch(isOpen, open => (isLocked.value = open))
     class="md:hidden fixed bottom-4 inset-ie-4 z-45"
     :aria-label="$t('code.toggle_tree')"
     @click="isOpen = !isOpen"
-    :classicon="isOpen ? 'i-lucide:circle-x' : 'i-carbon:folder'"
+    :classicon="isOpen ? 'i-lucide:circle-x' : 'i-lucide:folder'"
   />
 
   <!-- Backdrop -->
diff --git a/app/utils/file-icons.ts b/app/utils/file-icons.ts
index da8c06c5f..9338e0da3 100644
--- a/app/utils/file-icons.ts
+++ b/app/utils/file-icons.ts
@@ -314,8 +314,8 @@ export const COMPOUND_EXTENSIONS: Record<string, string> = {
 export const DEFAULT_ICON = 'vscode-icons-default-file'
 
 export const ADDITIONAL_ICONS = {
-  'folder': 'carbon:folder',
-  'folder-open': 'carbon:folder-open',
+  'folder': 'lucide:folder',
+  'folder-open': 'lucide:folder-open',
 }
 
 /**

From fc467cd71afd1ff859773716d48a6c3810996dbe Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 02:18:56 +0100
Subject: [PATCH 06/85] refactor: replace idea icon

---
 app/components/Compare/ComparisonGrid.vue        | 4 ++--
 app/components/Compare/ReplacementSuggestion.vue | 2 +-
 app/components/Package/Replacement.vue           | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/components/Compare/ComparisonGrid.vue b/app/components/Compare/ComparisonGrid.vue
index 3bf212957..c468203b4 100644
--- a/app/components/Compare/ComparisonGrid.vue
+++ b/app/components/Compare/ComparisonGrid.vue
@@ -50,7 +50,7 @@ function getReplacementTooltip(col: ComparisonGridColumn): string {
             </LinkBase>
             <TooltipApp v-if="col.replacement" :text="getReplacementTooltip(col)" position="bottom">
               <span
-                class="i-carbon:idea w-3.5 h-3.5 text-amber-500 shrink-0 cursor-help"
+                class="i-lucide:lightbulb w-3.5 h-3.5 text-amber-500 shrink-0 cursor-help"
                 role="img"
                 :aria-label="$t('package.replacement.title')"
               />
@@ -69,7 +69,7 @@ function getReplacementTooltip(col: ComparisonGridColumn): string {
             {{ $t('compare.no_dependency.label') }}
             <TooltipApp interactive position="bottom">
               <span
-                class="i-carbon:idea w-3.5 h-3.5 text-amber-500 shrink-0 cursor-help"
+                class="i-lucide:lightbulb w-3.5 h-3.5 text-amber-500 shrink-0 cursor-help"
                 role="img"
                 :aria-label="$t('compare.no_dependency.tooltip_title')"
               />
diff --git a/app/components/Compare/ReplacementSuggestion.vue b/app/components/Compare/ReplacementSuggestion.vue
index 17c35a873..1f925b51a 100644
--- a/app/components/Compare/ReplacementSuggestion.vue
+++ b/app/components/Compare/ReplacementSuggestion.vue
@@ -31,7 +31,7 @@ const docUrl = computed(() => {
   >
     <span
       class="w-4 h-4 flex-shrink-0 mt-0.5"
-      :class="variant === 'nodep' ? 'i-carbon:idea' : 'i-carbon:information'"
+      :class="variant === 'nodep' ? 'i-lucide:lightbulb' : 'i-carbon:information'"
     />
     <div class="min-w-0 flex-1">
       <p class="font-medium">{{ packageName }}: {{ $t('package.replacement.title') }}</p>
diff --git a/app/components/Package/Replacement.vue b/app/components/Package/Replacement.vue
index cd23b4703..7d1e3a035 100644
--- a/app/components/Package/Replacement.vue
+++ b/app/components/Package/Replacement.vue
@@ -21,7 +21,7 @@ const docPath = computed(() => {
     class="border border-amber-600/40 bg-amber-500/10 rounded-lg px-3 py-2 text-base text-amber-800 dark:text-amber-400"
   >
     <h2 class="font-medium mb-1 flex items-center gap-2">
-      <span class="i-carbon:idea w-4 h-4" aria-hidden="true" />
+      <span class="i-lucide:lightbulb w-4 h-4" aria-hidden="true" />
       {{ $t('package.replacement.title') }}
     </h2>
     <p class="text-sm m-0">

From d46c16146c31eeb1ebb443eeab1c8c5e4e9d11c6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 02:19:24 +0100
Subject: [PATCH 07/85] refactor: replace info icon

---
 app/components/AppHeader.vue                     | 2 +-
 app/components/Compare/FacetCard.vue             | 2 +-
 app/components/Compare/FacetRow.vue              | 2 +-
 app/components/Compare/ReplacementSuggestion.vue | 2 +-
 app/components/Terminal/Install.vue              | 2 +-
 app/components/UserCombobox.vue                  | 2 +-
 app/pages/package/[[org]]/[name].vue             | 2 +-
 7 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/app/components/AppHeader.vue b/app/components/AppHeader.vue
index 17112d530..1b2a58fe0 100644
--- a/app/components/AppHeader.vue
+++ b/app/components/AppHeader.vue
@@ -54,7 +54,7 @@ const mobileLinks = computed<NavigationConfigWithGroups>(() => [
         to: { name: 'about' },
         type: 'link',
         external: false,
-        iconClass: 'i-carbon:information',
+        iconClass: 'i-lucide:info',
       },
       {
         name: 'Privacy Policy',
diff --git a/app/components/Compare/FacetCard.vue b/app/components/Compare/FacetCard.vue
index b81933351..0dbd312db 100644
--- a/app/components/Compare/FacetCard.vue
+++ b/app/components/Compare/FacetCard.vue
@@ -77,7 +77,7 @@ function getShortName(header: string): string {
       <span class="text-xs text-fg-muted uppercase tracking-wider font-medium">{{ label }}</span>
       <TooltipApp v-if="description" :text="description" position="top">
         <span
-          class="i-carbon:information w-3 h-3 text-fg-subtle"
+          class="i-lucide:info w-3 h-3 text-fg-subtle"
           :title="description"
           aria-hidden="true"
         />
diff --git a/app/components/Compare/FacetRow.vue b/app/components/Compare/FacetRow.vue
index 6c0b49a5b..ce834e0a5 100644
--- a/app/components/Compare/FacetRow.vue
+++ b/app/components/Compare/FacetRow.vue
@@ -93,7 +93,7 @@ function isCellLoading(index: number): boolean {
     <div class="comparison-label flex items-center gap-1.5 px-4 py-3 border-b border-border">
       <span class="text-xs text-fg-muted uppercase tracking-wider">{{ label }}</span>
       <TooltipApp v-if="description" :text="description" position="top">
-        <span class="i-carbon:information w-3 h-3 text-fg-subtle cursor-help" aria-hidden="true" />
+        <span class="i-lucide:info w-3 h-3 text-fg-subtle cursor-help" aria-hidden="true" />
       </TooltipApp>
     </div>
 
diff --git a/app/components/Compare/ReplacementSuggestion.vue b/app/components/Compare/ReplacementSuggestion.vue
index 1f925b51a..169c850ec 100644
--- a/app/components/Compare/ReplacementSuggestion.vue
+++ b/app/components/Compare/ReplacementSuggestion.vue
@@ -31,7 +31,7 @@ const docUrl = computed(() => {
   >
     <span
       class="w-4 h-4 flex-shrink-0 mt-0.5"
-      :class="variant === 'nodep' ? 'i-lucide:lightbulb' : 'i-carbon:information'"
+      :class="variant === 'nodep' ? 'i-lucide:lightbulb' : 'i-lucide:info'"
     />
     <div class="min-w-0 flex-1">
       <p class="font-medium">{{ packageName }}: {{ $t('package.replacement.title') }}</p>
diff --git a/app/components/Terminal/Install.vue b/app/components/Terminal/Install.vue
index 4b1687284..dae4347af 100644
--- a/app/components/Terminal/Install.vue
+++ b/app/components/Terminal/Install.vue
@@ -271,7 +271,7 @@ const copyDevInstallCommand = () =>
                 :to="packageRoute(createPackageInfo.packageName)"
                 class="inline-flex items-center justify-center min-w-6 min-h-6 -m-1 p-1 text-fg-muted hover:text-fg text-xs transition-colors focus-visible:outline-2 focus-visible:outline-accent/70 rounded"
               >
-                <span class="i-carbon:information w-3 h-3" aria-hidden="true" />
+                <span class="i-lucide:info w-3 h-3" aria-hidden="true" />
                 <span class="sr-only">{{
                   $t('package.create.view', { packageName: createPackageInfo.packageName })
                 }}</span>
diff --git a/app/components/UserCombobox.vue b/app/components/UserCombobox.vue
index b2875d72d..5464b6581 100644
--- a/app/components/UserCombobox.vue
+++ b/app/components/UserCombobox.vue
@@ -204,7 +204,7 @@ const prefersReducedMotion = useMediaQuery('(prefers-reduced-motion: reduce)')
           role="status"
           aria-live="polite"
         >
-          <span class="i-carbon:information w-3 h-3 me-1 align-middle" aria-hidden="true" />
+          <span class="i-lucide:info w-3 h-3 me-1 align-middle" aria-hidden="true" />
           {{
             $t('user.combobox.press_enter_to_add', {
               username: inputValue.trim().replace(/^@/, ''),
diff --git a/app/pages/package/[[org]]/[name].vue b/app/pages/package/[[org]]/[name].vue
index 8319ff94e..26f0e265b 100644
--- a/app/pages/package/[[org]]/[name].vue
+++ b/app/pages/package/[[org]]/[name].vue
@@ -1009,7 +1009,7 @@ const showSkeleton = shallowRef(false)
                   tabindex="0"
                   class="inline-flex items-center justify-center min-w-6 min-h-6 -m-1 p-1 text-fg-subtle cursor-help focus-visible:outline-2 focus-visible:outline-accent/70 rounded"
                 >
-                  <span class="i-carbon:information w-3 h-3" aria-hidden="true" />
+                  <span class="i-lucide:info w-3 h-3" aria-hidden="true" />
                 </span>
               </TooltipApp>
             </dt>

From 4da7e8d36b62d745a437fa8bd8816b483abf9b3d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 02:23:43 +0100
Subject: [PATCH 08/85] refactor: replace spinner

---
 app/components/Compare/FacetCard.vue         |  2 +-
 app/components/Compare/FacetRow.vue          |  2 +-
 app/components/Header/AccountMenu.client.vue |  2 +-
 app/components/Package/MetricsBadges.vue     |  8 +++++---
 app/pages/package/[[org]]/[name].vue         | 10 +++++-----
 5 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/app/components/Compare/FacetCard.vue b/app/components/Compare/FacetCard.vue
index 0dbd312db..23e795b01 100644
--- a/app/components/Compare/FacetCard.vue
+++ b/app/components/Compare/FacetCard.vue
@@ -112,7 +112,7 @@ function getShortName(header: string): string {
           <!-- Loading state -->
           <template v-if="isCellLoading(index)">
             <span
-              class="i-carbon:circle-dash w-4 h-4 text-fg-subtle motion-safe:animate-spin"
+              class="i-svg-spinners:ring-resize w-4 h-4 text-fg-subtle motion-safe:animate-spin"
               aria-hidden="true"
             />
           </template>
diff --git a/app/components/Compare/FacetRow.vue b/app/components/Compare/FacetRow.vue
index ce834e0a5..66d11b8d3 100644
--- a/app/components/Compare/FacetRow.vue
+++ b/app/components/Compare/FacetRow.vue
@@ -115,7 +115,7 @@ function isCellLoading(index: number): boolean {
       <!-- Loading state -->
       <template v-if="isCellLoading(index)">
         <span
-          class="i-carbon:circle-dash w-4 h-4 text-fg-subtle motion-safe:animate-spin"
+          class="i-svg-spinners:ring-resize w-4 h-4 text-fg-subtle motion-safe:animate-spin"
           aria-hidden="true"
         />
       </template>
diff --git a/app/components/Header/AccountMenu.client.vue b/app/components/Header/AccountMenu.client.vue
index d6c5728ec..6bdd75f0b 100644
--- a/app/components/Header/AccountMenu.client.vue
+++ b/app/components/Header/AccountMenu.client.vue
@@ -231,7 +231,7 @@ function openAuthModal() {
               <span class="w-8 h-8 rounded-full bg-bg-muted flex items-center justify-center">
                 <span
                   v-if="isNpmConnecting"
-                  class="i-carbon:circle-dash w-4 h-4 text-yellow-500 animate-spin"
+                  class="i-i-svg-spinners:ring-resize w-4 h-4 text-yellow-500 animate-spin"
                   aria-hidden="true"
                 />
                 <span v-else class="i-carbon:terminal w-4 h-4 text-fg-muted" aria-hidden="true" />
diff --git a/app/components/Package/MetricsBadges.vue b/app/components/Package/MetricsBadges.vue
index 86ab5fa03..cbd9815b0 100644
--- a/app/components/Package/MetricsBadges.vue
+++ b/app/components/Package/MetricsBadges.vue
@@ -73,7 +73,7 @@ const typesHref = computed(() => {
           :tabindex="0"
           :classicon="
             isLoading
-              ? 'i-carbon:circle-dash motion-safe:animate-spin'
+              ? 'i-i-svg-spinners:ring-resize motion-safe:animate-spin'
               : hasTypes
                 ? 'i-carbon:checkmark'
                 : 'i-lucide:circle-x'
@@ -95,7 +95,7 @@ const typesHref = computed(() => {
           :variant="hasEsm && !isLoading ? 'default' : 'ghost'"
           :classicon="
             isLoading
-              ? 'i-carbon:circle-dash motion-safe:animate-spin'
+              ? 'i-i-svg-spinners:ring-resize motion-safe:animate-spin'
               : hasEsm
                 ? 'i-carbon:checkmark'
                 : 'i-lucide:circle-x'
@@ -113,7 +113,9 @@ const typesHref = computed(() => {
           tabindex="0"
           :variant="isLoading ? 'ghost' : 'default'"
           :classicon="
-            isLoading ? 'i-carbon:circle-dash motion-safe:animate-spin' : 'i-carbon:checkmark'
+            isLoading
+              ? 'i-i-svg-spinners:ring-resize motion-safe:animate-spin'
+              : 'i-carbon:checkmark'
           "
         >
           CJS
diff --git a/app/pages/package/[[org]]/[name].vue b/app/pages/package/[[org]]/[name].vue
index 26f0e265b..d13e8b578 100644
--- a/app/pages/package/[[org]]/[name].vue
+++ b/app/pages/package/[[org]]/[name].vue
@@ -824,7 +824,7 @@ const showSkeleton = shallowRef(false)
               >
                 <span
                   v-if="isLoadingLikeData"
-                  class="i-carbon:circle-dash w-3 h-3 motion-safe:animate-spin my-0.5"
+                  class="i-i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin my-0.5"
                   aria-hidden="true"
                 />
                 <span v-else>
@@ -963,7 +963,7 @@ const showSkeleton = shallowRef(false)
                       class="inline-flex items-center gap-1 text-fg-subtle"
                     >
                       <span
-                        class="i-carbon:circle-dash w-3 h-3 motion-safe:animate-spin"
+                        class="i-i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
                         aria-hidden="true"
                       />
                     </span>
@@ -1031,7 +1031,7 @@ const showSkeleton = shallowRef(false)
                   class="inline-flex items-center gap-1 text-fg-subtle"
                 >
                   <span
-                    class="i-carbon:circle-dash w-3 h-3 motion-safe:animate-spin"
+                    class="i-i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
                     aria-hidden="true"
                   />
                 </span>
@@ -1054,7 +1054,7 @@ const showSkeleton = shallowRef(false)
                 class="inline-flex items-center gap-1 text-fg-subtle"
               >
                 <span
-                  class="i-carbon:circle-dash w-3 h-3 motion-safe:animate-spin"
+                  class="i-i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
                   aria-hidden="true"
                 />
               </span>
@@ -1321,7 +1321,7 @@ const showSkeleton = shallowRef(false)
             class="mt-8 flex items-center gap-2 text-fg-subtle text-sm"
           >
             <span
-              class="i-carbon:circle-dash w-4 h-4 motion-safe:animate-spin"
+              class="i-i-svg-spinners:ring-resize w-4 h-4 motion-safe:animate-spin"
               aria-hidden="true"
             />
             <span>{{ $t('package.provenance_section.title') }}…</span>

From 663009fa68b0c495325945bbb23f42cdb1c61595 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 02:24:48 +0100
Subject: [PATCH 09/85] refactor: replace checkmark icon

---
 app/components/Compare/FacetSelector.vue     |  2 +-
 app/components/Header/ConnectorModal.vue     |  4 ++--
 app/components/Org/OperationsQueue.vue       |  8 ++++----
 app/components/Package/ClaimPackageModal.vue |  4 ++--
 app/components/Package/ManagerSelect.vue     |  2 +-
 app/components/Package/MetricsBadges.vue     | 10 ++++------
 app/components/Package/TableRow.vue          |  2 +-
 app/components/Readme.vue                    |  2 +-
 app/pages/package/[[org]]/[name].vue         |  6 +++---
 server/utils/readme.ts                       |  2 +-
 10 files changed, 20 insertions(+), 22 deletions(-)

diff --git a/app/components/Compare/FacetSelector.vue b/app/components/Compare/FacetSelector.vue
index c96c8d95a..62d0e55ce 100644
--- a/app/components/Compare/FacetSelector.vue
+++ b/app/components/Compare/FacetSelector.vue
@@ -82,7 +82,7 @@ function isCategoryNoneSelected(category: string): boolean {
             facet.comingSoon
               ? undefined
               : isFacetSelected(facet.id)
-                ? 'i-carbon:checkmark'
+                ? 'i-lucide:check'
                 : 'i-carbon:add'
           "
         >
diff --git a/app/components/Header/ConnectorModal.vue b/app/components/Header/ConnectorModal.vue
index c0e3367b4..e3ea8c7c3 100644
--- a/app/components/Header/ConnectorModal.vue
+++ b/app/components/Header/ConnectorModal.vue
@@ -121,7 +121,7 @@ function handleDisconnect() {
           :aria-label="copied ? $t('connector.modal.copied') : $t('connector.modal.copy_command')"
           @click="copy('pnpm npmx-connector')"
           class="ms-auto"
-          :classicon="copied ? 'i-carbon:checkmark text-green-500' : 'i-carbon:copy'"
+          :classicon="copied ? 'i-lucide:check text-green-500' : 'i-carbon:copy'"
         />
       </div>
 
@@ -145,7 +145,7 @@ function handleDisconnect() {
                           <span v-if="!copied" class="i-carbon:copy block w-5 h-5" aria-hidden="true" />
                           <span
                             v-else
-                            class="i-carbon:checkmark block w-5 h-5 text-green-500"
+                            class="i-lucide:check block w-5 h-5 text-green-500"
                             aria-hidden="true"
                           />
                         </button>
diff --git a/app/components/Org/OperationsQueue.vue b/app/components/Org/OperationsQueue.vue
index 030023a6c..cdb5bbcc5 100644
--- a/app/components/Org/OperationsQueue.vue
+++ b/app/components/Org/OperationsQueue.vue
@@ -160,11 +160,11 @@ function getStatusIcon(status: string): string {
     case 'pending':
       return 'i-carbon:time'
     case 'approved':
-      return 'i-carbon:checkmark'
+      return 'i-lucide:check'
     case 'running':
       return 'i-carbon:rotate-180'
     case 'completed':
-      return 'i-carbon:checkmark-filled'
+      return 'i-lucide:check-filled'
     case 'failed':
       return 'i-lucide:circle-x-filled'
     default:
@@ -283,7 +283,7 @@ watch(isExecuting, executing => {
             :aria-label="$t('operations.queue.approve_operation')"
             @click="approveOperation(op.id)"
           >
-            <span class="i-carbon:checkmark w-4 h-4" aria-hidden="true" />
+            <span class="i-lucide:check w-4 h-4" aria-hidden="true" />
           </button>
           <button
             v-if="op.status !== 'running'"
@@ -410,7 +410,7 @@ watch(isExecuting, executing => {
           <span
             :class="
               op.status === 'completed'
-                ? 'i-carbon:checkmark-filled text-green-500'
+                ? 'i-lucide:check-filled text-green-500'
                 : 'i-lucide:circle-x-filled text-red-500'
             "
             class="w-3.5 h-3.5 shrink-0 mt-0.5"
diff --git a/app/components/Package/ClaimPackageModal.vue b/app/components/Package/ClaimPackageModal.vue
index bc02e7113..143abb73b 100644
--- a/app/components/Package/ClaimPackageModal.vue
+++ b/app/components/Package/ClaimPackageModal.vue
@@ -158,7 +158,7 @@ const previewPackageJson = computed(() => {
       <div
         class="flex items-center gap-3 p-4 bg-green-500/10 border border-green-500/20 rounded-lg"
       >
-        <span class="i-carbon:checkmark-filled text-green-500 w-6 h-6" aria-hidden="true" />
+        <span class="i-lucide:check-filled text-green-500 w-6 h-6" aria-hidden="true" />
         <div>
           <p class="font-mono text-sm text-fg">{{ $t('claim.modal.success') }}</p>
           <p class="text-xs text-fg-muted">
@@ -226,7 +226,7 @@ const previewPackageJson = computed(() => {
           v-if="checkResult.available"
           class="flex items-center gap-3 p-4 bg-green-500/10 border border-green-500/20 rounded-lg"
         >
-          <span class="i-carbon:checkmark-filled text-green-500 w-5 h-5" aria-hidden="true" />
+          <span class="i-lucide:check-filled text-green-500 w-5 h-5" aria-hidden="true" />
           <p class="font-mono text-sm text-fg">{{ $t('claim.modal.available') }}</p>
         </div>
 
diff --git a/app/components/Package/ManagerSelect.vue b/app/components/Package/ManagerSelect.vue
index 36bbc28d8..2f9e3d5dc 100644
--- a/app/components/Package/ManagerSelect.vue
+++ b/app/components/Package/ManagerSelect.vue
@@ -162,7 +162,7 @@ function handleKeydown(event: KeyboardEvent) {
           <span>{{ pm.label }}</span>
           <span
             v-if="selectedPM === pm.id"
-            class="i-carbon:checkmark w-3 h-3 text-accent ms-auto"
+            class="i-lucide:check w-3 h-3 text-accent ms-auto"
             aria-hidden="true"
           />
         </li>
diff --git a/app/components/Package/MetricsBadges.vue b/app/components/Package/MetricsBadges.vue
index cbd9815b0..07845b248 100644
--- a/app/components/Package/MetricsBadges.vue
+++ b/app/components/Package/MetricsBadges.vue
@@ -63,7 +63,7 @@ const typesHref = computed(() => {
           variant="button-secondary"
           size="small"
           :to="typesHref"
-          classicon="i-carbon:checkmark"
+          classicon="i-lucide:check"
         >
           {{ $t('package.metrics.types_label') }}
         </LinkBase>
@@ -75,7 +75,7 @@ const typesHref = computed(() => {
             isLoading
               ? 'i-i-svg-spinners:ring-resize motion-safe:animate-spin'
               : hasTypes
-                ? 'i-carbon:checkmark'
+                ? 'i-lucide:check'
                 : 'i-lucide:circle-x'
           "
         >
@@ -97,7 +97,7 @@ const typesHref = computed(() => {
             isLoading
               ? 'i-i-svg-spinners:ring-resize motion-safe:animate-spin'
               : hasEsm
-                ? 'i-carbon:checkmark'
+                ? 'i-lucide:check'
                 : 'i-lucide:circle-x'
           "
         >
@@ -113,9 +113,7 @@ const typesHref = computed(() => {
           tabindex="0"
           :variant="isLoading ? 'ghost' : 'default'"
           :classicon="
-            isLoading
-              ? 'i-i-svg-spinners:ring-resize motion-safe:animate-spin'
-              : 'i-carbon:checkmark'
+            isLoading ? 'i-i-svg-spinners:ring-resize motion-safe:animate-spin' : 'i-lucide:check'
           "
         >
           CJS
diff --git a/app/components/Package/TableRow.vue b/app/components/Package/TableRow.vue
index 4220a9f37..cb657f02a 100644
--- a/app/components/Package/TableRow.vue
+++ b/app/components/Package/TableRow.vue
@@ -191,7 +191,7 @@ const allMaintainersText = computed(() => {
         <span class="sr-only">{{ $t('filters.table.security_warning') }}</span>
       </span>
       <span v-else-if="result.flags !== undefined" class="text-provider-nuxt">
-        <span class="i-carbon:checkmark w-4 h-4" aria-hidden="true" />
+        <span class="i-lucide:check w-4 h-4" aria-hidden="true" />
         <span class="sr-only">{{ $t('filters.table.secure') }}</span>
       </span>
       <span v-else class="text-fg-subtle"> - </span>
diff --git a/app/components/Readme.vue b/app/components/Readme.vue
index bf73d13e2..079b54559 100644
--- a/app/components/Readme.vue
+++ b/app/components/Readme.vue
@@ -31,7 +31,7 @@ function handleClick(event: MouseEvent) {
     if (!icon) return
 
     const originalIcon = 'i-carbon:copy'
-    const successIcon = 'i-carbon:checkmark'
+    const successIcon = 'i-lucide:check'
 
     icon.classList.remove(originalIcon)
     icon.classList.add(successIcon)
diff --git a/app/pages/package/[[org]]/[name].vue b/app/pages/package/[[org]]/[name].vue
index d13e8b578..ce2c6eb40 100644
--- a/app/pages/package/[[org]]/[name].vue
+++ b/app/pages/package/[[org]]/[name].vue
@@ -692,7 +692,7 @@ const showSkeleton = shallowRef(false)
               :aria-label="copiedPkgName ? $t('common.copied') : $t('package.copy_name')"
             >
               <span
-                :class="copiedPkgName ? 'i-carbon:checkmark' : 'i-carbon:copy'"
+                :class="copiedPkgName ? 'i-lucide:check' : 'i-carbon:copy'"
                 class="w-3.5 h-3.5"
                 aria-hidden="true"
               />
@@ -1063,7 +1063,7 @@ const showSkeleton = shallowRef(false)
                   {{ numberFormatter.format(vulnCount) }}
                 </span>
                 <span v-else class="inline-flex items-center gap-1 text-fg-muted">
-                  <span class="i-carbon:checkmark w-3 h-3" aria-hidden="true" />
+                  <span class="i-lucide:check w-3 h-3" aria-hidden="true" />
                   {{ numberFormatter.format(0) }}
                 </span>
               </span>
@@ -1284,7 +1284,7 @@ const showSkeleton = shallowRef(false)
                 :aria-label="
                   copiedReadme ? $t('common.copied') : $t('package.readme.copy_as_markdown')
                 "
-                :classicon="copiedReadme ? 'i-carbon:checkmark' : 'i-simple-icons:markdown'"
+                :classicon="copiedReadme ? 'i-lucide:check' : 'i-simple-icons:markdown'"
               >
                 {{ copiedReadme ? $t('common.copied') : $t('common.copy') }}
               </ButtonBase>
diff --git a/server/utils/readme.ts b/server/utils/readme.ts
index 9920eb2af..bcde1686f 100644
--- a/server/utils/readme.ts
+++ b/server/utils/readme.ts
@@ -395,7 +395,7 @@ export async function renderReadmeHtml(
     const html = highlightCodeSync(shiki, text, lang || 'text')
     // Add copy button
     return `<div class="readme-code-block" >
-<button type="button" class="readme-copy-button" aria-label="Copy code" check-icon="i-carbon:checkmark" copy-icon="i-carbon:copy" data-copy>
+<button type="button" class="readme-copy-button" aria-label="Copy code" check-icon="i-lucide:check" copy-icon="i-carbon:copy" data-copy>
 <span class="i-carbon:copy" aria-hidden="true"></span>
 <span class="sr-only">Copy code</span>
 </button>

From 407080d05b48457a7880e309f0569480f628837a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 02:25:28 +0100
Subject: [PATCH 10/85] refactor: replace plus icon

---
 app/components/Compare/FacetSelector.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/Compare/FacetSelector.vue b/app/components/Compare/FacetSelector.vue
index 62d0e55ce..f8f39aee7 100644
--- a/app/components/Compare/FacetSelector.vue
+++ b/app/components/Compare/FacetSelector.vue
@@ -83,7 +83,7 @@ function isCategoryNoneSelected(category: string): boolean {
               ? undefined
               : isFacetSelected(facet.id)
                 ? 'i-lucide:check'
-                : 'i-carbon:add'
+                : 'i-lucide:plus'
           "
         >
           {{ facet.label }}

From aeda26e14f2bbfaa3e25cfacfea7577a196d99d4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 02:30:47 +0100
Subject: [PATCH 11/85] refactor: replace no dependency icon

---
 app/components/Compare/PackageSelector.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/components/Compare/PackageSelector.vue b/app/components/Compare/PackageSelector.vue
index 816c36c27..e3c9440ee 100644
--- a/app/components/Compare/PackageSelector.vue
+++ b/app/components/Compare/PackageSelector.vue
@@ -199,7 +199,7 @@ function handleFocus() {
         <!-- No dependency display -->
         <template v-if="pkg === NO_DEPENDENCY_ID">
           <span class="text-sm text-accent italic flex items-center gap-1.5">
-            <span class="i-carbon:clean w-3.5 h-3.5" aria-hidden="true" />
+            <span class="i-lucide:leaf w-3.5 h-3.5" aria-hidden="true" />
             {{ $t('compare.no_dependency.label') }}
           </span>
         </template>
@@ -273,7 +273,7 @@ function handleFocus() {
             @click="addPackage(NO_DEPENDENCY_ID)"
           >
             <span class="text-sm text-accent italic flex items-center gap-2">
-              <span class="i-carbon:clean w-4 h-4" aria-hidden="true" />
+              <span class="i-lucide:leaf w-4 h-4" aria-hidden="true" />
               {{ $t('compare.no_dependency.typeahead_title') }}
             </span>
             <span class="text-xs text-fg-muted truncate mt-0.5">

From 425c84129ef91c28ea75f5aebbaeb58196005825 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 02:31:40 +0100
Subject: [PATCH 12/85] refactor: replace filter icon

---
 app/components/Filter/Panel.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/Filter/Panel.vue b/app/components/Filter/Panel.vue
index 928bc5b75..788403ad3 100644
--- a/app/components/Filter/Panel.vue
+++ b/app/components/Filter/Panel.vue
@@ -193,7 +193,7 @@ const hasActiveFilters = computed(() => !!filterSummary.value)
       @click="isExpanded = !isExpanded"
     >
       <span class="flex items-center gap-2 text-sm font-mono text-fg shrink-0">
-        <span class="i-carbon:filter w-4 h-4" aria-hidden="true" />
+        <span class="i-lucide:funnel w-4 h-4" aria-hidden="true" />
         {{ $t('filters.title') }}
       </span>
       <span v-if="!isExpanded && hasActiveFilters" class="text-xs font-mono text-fg-muted truncate">

From b77ef1438399b16ed7911fd4693b854b5bd6a6ad Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 02:32:15 +0100
Subject: [PATCH 13/85] refactor: replace terminal icon

---
 app/components/Header/AccountMenu.client.vue | 6 +++---
 app/components/Header/MobileMenu.client.vue  | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/components/Header/AccountMenu.client.vue b/app/components/Header/AccountMenu.client.vue
index 6bdd75f0b..99ee2dca6 100644
--- a/app/components/Header/AccountMenu.client.vue
+++ b/app/components/Header/AccountMenu.client.vue
@@ -83,7 +83,7 @@ function openAuthModal() {
           v-else-if="isNpmConnected"
           class="w-6 h-6 rounded-full bg-bg-muted ring-2 ring-bg flex items-center justify-center"
         >
-          <span class="i-carbon:terminal w-3 h-3 text-fg-muted" aria-hidden="true" />
+          <span class="i-lucide:terminal w-3 h-3 text-fg-muted" aria-hidden="true" />
         </span>
 
         <!-- Atmosphere avatar (second/front, overlapping) -->
@@ -161,7 +161,7 @@ function openAuthModal() {
                 v-else
                 class="w-8 h-8 rounded-full bg-bg-muted flex items-center justify-center"
               >
-                <span class="i-carbon:terminal w-4 h-4 text-fg-muted" aria-hidden="true" />
+                <span class="i-lucide:terminal w-4 h-4 text-fg-muted" aria-hidden="true" />
               </span>
               <span class="flex-1 min-w-0">
                 <span class="font-mono text-sm text-fg truncate block">~{{ npmUser }}</span>
@@ -234,7 +234,7 @@ function openAuthModal() {
                   class="i-i-svg-spinners:ring-resize w-4 h-4 text-yellow-500 animate-spin"
                   aria-hidden="true"
                 />
-                <span v-else class="i-carbon:terminal w-4 h-4 text-fg-muted" aria-hidden="true" />
+                <span v-else class="i-lucide:terminal w-4 h-4 text-fg-muted" aria-hidden="true" />
               </span>
               <span class="flex-1 min-w-0">
                 <span class="font-mono text-sm text-fg block">
diff --git a/app/components/Header/MobileMenu.client.vue b/app/components/Header/MobileMenu.client.vue
index 1c99589db..219ee90fd 100644
--- a/app/components/Header/MobileMenu.client.vue
+++ b/app/components/Header/MobileMenu.client.vue
@@ -130,7 +130,7 @@ onUnmounted(deactivate)
                   v-else
                   class="w-5 h-5 rounded-full bg-bg-muted flex items-center justify-center"
                 >
-                  <span class="i-carbon:terminal w-3 h-3 text-fg-muted" aria-hidden="true" />
+                  <span class="i-lucide:terminal w-3 h-3 text-fg-muted" aria-hidden="true" />
                 </span>
                 <span class="flex-1">~{{ npmUser }}</span>
                 <span class="w-2 h-2 rounded-full bg-green-500" aria-hidden="true" />

From 39019681cba60824a7105bf9679564e9af1e2d6b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 02:34:12 +0100
Subject: [PATCH 14/85] refactor: replace atmosphere icon

---
 app/components/Header/AccountMenu.client.vue | 6 +++---
 app/components/Header/MobileMenu.client.vue  | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/components/Header/AccountMenu.client.vue b/app/components/Header/AccountMenu.client.vue
index 99ee2dca6..0ba084cd0 100644
--- a/app/components/Header/AccountMenu.client.vue
+++ b/app/components/Header/AccountMenu.client.vue
@@ -101,7 +101,7 @@ function openAuthModal() {
           class="w-6 h-6 rounded-full bg-bg-muted ring-2 ring-bg flex items-center justify-center"
           :class="hasBothConnections ? 'relative z-10' : ''"
         >
-          <span class="i-carbon:cloud w-3 h-3 text-fg-muted" aria-hidden="true" />
+          <span class="i-lucide:at-sign w-3 h-3 text-fg-muted" aria-hidden="true" />
         </span>
       </span>
 
@@ -203,7 +203,7 @@ function openAuthModal() {
                 v-else
                 class="w-8 h-8 rounded-full bg-bg-muted flex items-center justify-center"
               >
-                <span class="i-carbon:cloud w-4 h-4 text-fg-muted" aria-hidden="true" />
+                <span class="i-lucide:at-sign w-4 h-4 text-fg-muted" aria-hidden="true" />
               </span>
               <span class="flex-1 min-w-0">
                 <span class="font-mono text-sm text-fg truncate block"
@@ -255,7 +255,7 @@ function openAuthModal() {
               @click="openAuthModal"
             >
               <span class="w-8 h-8 rounded-full bg-bg-muted flex items-center justify-center">
-                <span class="i-carbon:cloud w-4 h-4 text-fg-muted" aria-hidden="true" />
+                <span class="i-lucide:at-sign w-4 h-4 text-fg-muted" aria-hidden="true" />
               </span>
               <span class="flex-1 min-w-0">
                 <span class="font-mono text-sm text-fg block">
diff --git a/app/components/Header/MobileMenu.client.vue b/app/components/Header/MobileMenu.client.vue
index 219ee90fd..946fb2ce9 100644
--- a/app/components/Header/MobileMenu.client.vue
+++ b/app/components/Header/MobileMenu.client.vue
@@ -155,7 +155,7 @@ onUnmounted(deactivate)
                   v-else
                   class="w-5 h-5 rounded-full bg-bg-muted flex items-center justify-center"
                 >
-                  <span class="i-carbon:cloud w-3 h-3 text-fg-muted" aria-hidden="true" />
+                  <span class="i-lucide:at-sign w-3 h-3 text-fg-muted" aria-hidden="true" />
                 </span>
                 <span class="flex-1 truncate">@{{ atprotoUser.handle }}</span>
               </button>
@@ -168,7 +168,7 @@ onUnmounted(deactivate)
                 @click="handleShowAuth"
               >
                 <span class="w-5 h-5 rounded-full bg-bg-muted flex items-center justify-center">
-                  <span class="i-carbon:cloud w-3 h-3 text-fg-muted" aria-hidden="true" />
+                  <span class="i-lucide:at-sign w-3 h-3 text-fg-muted" aria-hidden="true" />
                 </span>
                 <span class="flex-1">{{ $t('account_menu.connect_atmosphere') }}</span>
               </button>

From 8d6ea458632eb225f3c356f6566a429e724ea81a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 02:36:00 +0100
Subject: [PATCH 15/85] refactor: replace bluesky icon

---
 app/components/AppHeader.vue                 | 2 +-
 app/components/BlueskyPostEmbed.client.vue   | 2 +-
 app/components/CallToAction.vue              | 2 +-
 app/components/Header/AccountMenu.client.vue | 2 +-
 app/components/Header/AuthModal.client.vue   | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/components/AppHeader.vue b/app/components/AppHeader.vue
index 1b2a58fe0..29b93d4dd 100644
--- a/app/components/AppHeader.vue
+++ b/app/components/AppHeader.vue
@@ -107,7 +107,7 @@ const mobileLinks = computed<NavigationConfigWithGroups>(() => [
         target: '_blank',
         type: 'link',
         external: true,
-        iconClass: 'i-carbon:logo-bluesky',
+        iconClass: 'i-simple-icons:bluesky',
       },
       {
         name: 'Chat',
diff --git a/app/components/BlueskyPostEmbed.client.vue b/app/components/BlueskyPostEmbed.client.vue
index 32e3b982a..e6f8284cd 100644
--- a/app/components/BlueskyPostEmbed.client.vue
+++ b/app/components/BlueskyPostEmbed.client.vue
@@ -83,7 +83,7 @@ const { data: post, status } = useAsyncData(
         <div class="text-sm text-fg-subtle truncate">@{{ post.author.handle }}</div>
       </div>
       <span
-        class="i-carbon:logo-bluesky w-5 h-5 text-fg-subtle ms-auto shrink-0"
+        class="i-simple-icons:bluesky w-5 h-5 text-fg-subtle ms-auto shrink-0"
         aria-hidden="true"
       />
     </div>
diff --git a/app/components/CallToAction.vue b/app/components/CallToAction.vue
index fc5ee6c61..3e3f133ad 100644
--- a/app/components/CallToAction.vue
+++ b/app/components/CallToAction.vue
@@ -19,7 +19,7 @@ const socialLinks = computed(() => [
   {
     id: 'bluesky',
     href: 'https://social.npmx.dev',
-    icon: 'i-carbon:logo-bluesky',
+    icon: 'i-simple-icons:bluesky',
     titleKey: $t('about.get_involved.follow.title'),
     descriptionKey: $t('about.get_involved.follow.description'),
     ctaKey: $t('about.get_involved.follow.cta'),
diff --git a/app/components/Header/AccountMenu.client.vue b/app/components/Header/AccountMenu.client.vue
index 0ba084cd0..90ea0e930 100644
--- a/app/components/Header/AccountMenu.client.vue
+++ b/app/components/Header/AccountMenu.client.vue
@@ -231,7 +231,7 @@ function openAuthModal() {
               <span class="w-8 h-8 rounded-full bg-bg-muted flex items-center justify-center">
                 <span
                   v-if="isNpmConnecting"
-                  class="i-i-svg-spinners:ring-resize w-4 h-4 text-yellow-500 animate-spin"
+                  class="i-i-svg-spinneacka w-4 h-4 text-yellow-500 animate-spin"
                   aria-hidden="true"
                 />
                 <span v-else class="i-lucide:terminal w-4 h-4 text-fg-muted" aria-hidden="true" />
diff --git a/app/components/Header/AuthModal.client.vue b/app/components/Header/AuthModal.client.vue
index baccae92d..f0f2ea263 100644
--- a/app/components/Header/AuthModal.client.vue
+++ b/app/components/Header/AuthModal.client.vue
@@ -132,7 +132,7 @@ watch(handleInput, newHandleInput => {
         type="button"
         class="w-full"
         @click="handleBlueskySignIn"
-        classicon="i-carbon:logo-bluesky"
+        classicon="i-simple-icons:bluesky"
       >
         {{ $t('auth.modal.connect_bluesky') }}
       </ButtonBase>

From ac362e024027c84af2e3f629210261d1ba9937ca Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 02:36:39 +0100
Subject: [PATCH 16/85] refactor: replace copy icon

---
 app/components/Header/ConnectorModal.vue | 4 ++--
 app/components/Readme.vue                | 2 +-
 app/pages/package/[[org]]/[name].vue     | 2 +-
 server/utils/readme.ts                   | 4 ++--
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/app/components/Header/ConnectorModal.vue b/app/components/Header/ConnectorModal.vue
index e3ea8c7c3..445161dba 100644
--- a/app/components/Header/ConnectorModal.vue
+++ b/app/components/Header/ConnectorModal.vue
@@ -121,7 +121,7 @@ function handleDisconnect() {
           :aria-label="copied ? $t('connector.modal.copied') : $t('connector.modal.copy_command')"
           @click="copy('pnpm npmx-connector')"
           class="ms-auto"
-          :classicon="copied ? 'i-lucide:check text-green-500' : 'i-carbon:copy'"
+          :classicon="copied ? 'i-lucide:check text-green-500' : 'i-lucide:copy'"
         />
       </div>
 
@@ -142,7 +142,7 @@ function handleDisconnect() {
                           class="ms-auto text-fg-subtle p-1.5 -m-1.5 hover:text-fg transition-colors duration-200 focus-visible:outline-accent/70 rounded"
                           @click="copyCommand"
                         >
-                          <span v-if="!copied" class="i-carbon:copy block w-5 h-5" aria-hidden="true" />
+                          <span v-if="!copied" class="i-lucide:copy block w-5 h-5" aria-hidden="true" />
                           <span
                             v-else
                             class="i-lucide:check block w-5 h-5 text-green-500"
diff --git a/app/components/Readme.vue b/app/components/Readme.vue
index 079b54559..e641f0e9e 100644
--- a/app/components/Readme.vue
+++ b/app/components/Readme.vue
@@ -30,7 +30,7 @@ function handleClick(event: MouseEvent) {
     const icon = copyTarget.querySelector('span')
     if (!icon) return
 
-    const originalIcon = 'i-carbon:copy'
+    const originalIcon = 'i-lucide:copy'
     const successIcon = 'i-lucide:check'
 
     icon.classList.remove(originalIcon)
diff --git a/app/pages/package/[[org]]/[name].vue b/app/pages/package/[[org]]/[name].vue
index ce2c6eb40..daf57dc63 100644
--- a/app/pages/package/[[org]]/[name].vue
+++ b/app/pages/package/[[org]]/[name].vue
@@ -692,7 +692,7 @@ const showSkeleton = shallowRef(false)
               :aria-label="copiedPkgName ? $t('common.copied') : $t('package.copy_name')"
             >
               <span
-                :class="copiedPkgName ? 'i-lucide:check' : 'i-carbon:copy'"
+                :class="copiedPkgName ? 'i-lucide:check' : 'i-lucide:copy'"
                 class="w-3.5 h-3.5"
                 aria-hidden="true"
               />
diff --git a/server/utils/readme.ts b/server/utils/readme.ts
index bcde1686f..73d905f2f 100644
--- a/server/utils/readme.ts
+++ b/server/utils/readme.ts
@@ -395,8 +395,8 @@ export async function renderReadmeHtml(
     const html = highlightCodeSync(shiki, text, lang || 'text')
     // Add copy button
     return `<div class="readme-code-block" >
-<button type="button" class="readme-copy-button" aria-label="Copy code" check-icon="i-lucide:check" copy-icon="i-carbon:copy" data-copy>
-<span class="i-carbon:copy" aria-hidden="true"></span>
+<button type="button" class="readme-copy-button" aria-label="Copy code" check-icon="i-lucide:check" copy-icon="i-lucide:copy" data-copy>
+<span class="i-lucide:copy" aria-hidden="true"></span>
 <span class="sr-only">Copy code</span>
 </button>
 ${html}

From c8fff5cd3478c3c5912c93ceecb9bd307f1e6d89 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 02:37:51 +0100
Subject: [PATCH 17/85] refactor: replace external link icon

---
 app/components/Header/MobileMenu.client.vue               | 2 +-
 app/components/Link/Base.vue                              | 2 +-
 app/components/Org/OperationsQueue.vue                    | 2 +-
 app/components/Package/Replacement.vue                    | 8 ++++----
 app/components/Readme.vue                                 | 2 +-
 app/components/SearchProviderToggle.client.vue            | 2 +-
 app/pages/about.vue                                       | 2 +-
 app/pages/accessibility.vue                               | 2 +-
 .../[[org]]/[packageName]/v/[version]/[...filePath].vue   | 2 +-
 app/pages/package/[[org]]/[name].vue                      | 8 ++++----
 app/pages/privacy.vue                                     | 8 ++++----
 app/pages/settings.vue                                    | 2 +-
 12 files changed, 21 insertions(+), 21 deletions(-)

diff --git a/app/components/Header/MobileMenu.client.vue b/app/components/Header/MobileMenu.client.vue
index 946fb2ce9..0fcb3df2c 100644
--- a/app/components/Header/MobileMenu.client.vue
+++ b/app/components/Header/MobileMenu.client.vue
@@ -211,7 +211,7 @@ onUnmounted(deactivate)
                       {{ link.label }}
                       <span
                         v-if="link.external"
-                        class="i-carbon:launch rtl-flip w-3 h-3 ms-auto text-fg-subtle"
+                        class="i-lucide:external-link rtl-flip w-3 h-3 ms-auto text-fg-subtle"
                         aria-hidden="true"
                       />
                     </NuxtLink>
diff --git a/app/components/Link/Base.vue b/app/components/Link/Base.vue
index eeb1b9bf9..68e59c749 100644
--- a/app/components/Link/Base.vue
+++ b/app/components/Link/Base.vue
@@ -100,7 +100,7 @@ const isButtonMedium = computed(() => props.size === 'medium' && !isLink.value)
     <!-- automatically show icon indicating external link -->
     <span
       v-if="isLinkExternal && !classicon"
-      class="i-carbon:launch rtl-flip size-[1em] opacity-50"
+      class="i-lucide:external-link rtl-flip size-[1em] opacity-50"
       aria-hidden="true"
     />
     <span
diff --git a/app/components/Org/OperationsQueue.vue b/app/components/Org/OperationsQueue.vue
index cdb5bbcc5..376fcbaf2 100644
--- a/app/components/Org/OperationsQueue.vue
+++ b/app/components/Org/OperationsQueue.vue
@@ -384,7 +384,7 @@ watch(isExecuting, executing => {
         class="flex-1 px-4 py-2 font-mono text-sm text-accent bg-accent/10 border border-accent/30 rounded-md transition-colors duration-200 hover:bg-accent/20"
         @click="handleOpenAuthUrl"
       >
-        <span class="i-carbon:launch w-4 h-4 inline-block me-1" aria-hidden="true" />
+        <span class="i-lucide:external-link w-4 h-4 inline-block me-1" aria-hidden="true" />
         {{ $t('operations.queue.open_web_auth') }}
       </button>
     </div>
diff --git a/app/components/Package/Replacement.vue b/app/components/Package/Replacement.vue
index 7d1e3a035..f54eb17b2 100644
--- a/app/components/Package/Replacement.vue
+++ b/app/components/Package/Replacement.vue
@@ -50,7 +50,7 @@ const docPath = computed(() => {
             class="inline-flex items-center gap-1 ms-1 underline underline-offset-4 decoration-amber-600/60 dark:decoration-amber-400/50 hover:decoration-fg transition-colors"
           >
             {{ $t('package.replacement.community') }}
-            <span class="i-carbon:launch w-3 h-3" aria-hidden="true" />
+            <span class="i-lucide:external-link w-3 h-3" aria-hidden="true" />
           </a>
         </template>
         <template #replacement>
@@ -70,7 +70,7 @@ const docPath = computed(() => {
             class="inline-flex items-center gap-1 ms-1 underline underline-offset-4 decoration-amber-600/60 dark:decoration-amber-400/50 hover:decoration-fg transition-colors"
           >
             {{ $t('package.replacement.community') }}
-            <span class="i-carbon:launch w-3 h-3" aria-hidden="true" />
+            <span class="i-lucide:external-link w-3 h-3" aria-hidden="true" />
           </a>
         </template>
       </i18n-t>
@@ -85,7 +85,7 @@ const docPath = computed(() => {
         class="inline-flex items-center gap-1 ms-1 underline underline-offset-4 decoration-amber-600/60 dark:decoration-amber-400/50 hover:decoration-fg transition-colors"
       >
         {{ $t('package.replacement.mdn') }}
-        <span class="i-carbon:launch w-3 h-3" aria-hidden="true" />
+        <span class="i-lucide:external-link w-3 h-3" aria-hidden="true" />
       </a>
       <a
         v-if="docPath"
@@ -95,7 +95,7 @@ const docPath = computed(() => {
         class="inline-flex items-center gap-1 ms-1 underline underline-offset-4 decoration-amber-600/60 dark:decoration-amber-400/50 hover:decoration-fg transition-colors"
       >
         {{ $t('package.replacement.learn_more') }}
-        <span class="i-carbon:launch w-3 h-3" aria-hidden="true" />
+        <span class="i-lucide:external-link w-3 h-3" aria-hidden="true" />
       </a>
     </p>
   </div>
diff --git a/app/components/Readme.vue b/app/components/Readme.vue
index e641f0e9e..56a19b515 100644
--- a/app/components/Readme.vue
+++ b/app/components/Readme.vue
@@ -147,7 +147,7 @@ function handleClick(event: MouseEvent) {
 .readme :deep(a[target='_blank']:not(:has(img))::after) {
   /* I don't know what kind of sorcery this is, but it ensures this icon can't wrap to a new line on its own. */
   content: '__';
-  @apply inline i-carbon:launch rtl-flip ms-1 opacity-50;
+  @apply inline i-lucide:external-link rtl-flip ms-1 opacity-50;
 }
 
 .readme :deep(code) {
diff --git a/app/components/SearchProviderToggle.client.vue b/app/components/SearchProviderToggle.client.vue
index deeb89f01..4fa7a752e 100644
--- a/app/components/SearchProviderToggle.client.vue
+++ b/app/components/SearchProviderToggle.client.vue
@@ -125,7 +125,7 @@ useEventListener('keydown', event => {
               class="text-xs text-fg-subtle hover:text-fg-muted transition-colors inline-flex items-center gap-1 px-2"
             >
               {{ $t('search.algolia_disclaimer') }}
-              <span class="i-carbon:launch w-3 h-3" aria-hidden="true" />
+              <span class="i-lucide:external-link w-3 h-3" aria-hidden="true" />
             </a>
           </div>
         </div>
diff --git a/app/pages/about.vue b/app/pages/about.vue
index 88125dc54..37ea8014b 100644
--- a/app/pages/about.vue
+++ b/app/pages/about.vue
@@ -215,7 +215,7 @@ const roleLabels = computed(
                   </LinkBase>
                 </div>
                 <span
-                  class="i-carbon:launch rtl-flip w-3.5 h-3.5 text-fg-muted opacity-50 shrink-0 self-start mt-0.5"
+                  class="i-lucide:external-link rtl-flip w-3.5 h-3.5 text-fg-muted opacity-50 shrink-0 self-start mt-0.5"
                   aria-hidden="true"
                 />
               </li>
diff --git a/app/pages/accessibility.vue b/app/pages/accessibility.vue
index af2142623..5527c9cce 100644
--- a/app/pages/accessibility.vue
+++ b/app/pages/accessibility.vue
@@ -132,7 +132,7 @@ const canGoBack = useCanGoBack()
                   class="inline-flex items-center gap-1 text-fg-muted hover:text-fg underline decoration-fg-subtle/50 hover:decoration-fg"
                 >
                   {{ $t('a11y.contact.link') }}
-                  <span class="i-carbon:launch rtl-flip w-4 h-4" aria-hidden="true" />
+                  <span class="i-lucide:external-link rtl-flip w-4 h-4" aria-hidden="true" />
                 </a>
               </template>
             </i18n-t>
diff --git a/app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue b/app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue
index cc10d4e5f..6b68b72c9 100644
--- a/app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue
+++ b/app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue
@@ -463,7 +463,7 @@ defineOgImageComponent('Default', {
                 class="px-2 py-1 font-mono text-xs text-fg-muted bg-bg-subtle border border-border rounded hover:text-fg hover:border-border-hover transition-colors inline-flex items-center gap-1"
               >
                 {{ $t('code.raw') }}
-                <span class="i-carbon:launch w-3 h-3" />
+                <span class="i-lucide:external-link w-3 h-3" />
               </a>
             </div>
           </div>
diff --git a/app/pages/package/[[org]]/[name].vue b/app/pages/package/[[org]]/[name].vue
index daf57dc63..3686a4fe6 100644
--- a/app/pages/package/[[org]]/[name].vue
+++ b/app/pages/package/[[org]]/[name].vue
@@ -1169,7 +1169,7 @@ const showSkeleton = shallowRef(false)
                     rel="noopener noreferrer"
                     class="inline-flex items-center gap-1 rounded-sm underline underline-offset-4 decoration-amber-600/60 dark:decoration-amber-400/50 hover:decoration-fg focus-visible:decoration-fg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/70 transition-colors"
                     >{{ $t('package.security_downgrade.provenance_link_text')
-                    }}<span class="i-carbon:launch w-3 h-3" aria-hidden="true"
+                    }}<span class="i-lucide:external-link w-3 h-3" aria-hidden="true"
                   /></a>
                 </template>
               </i18n-t>
@@ -1189,7 +1189,7 @@ const showSkeleton = shallowRef(false)
                     rel="noopener noreferrer"
                     class="inline-flex items-center gap-1 rounded-sm underline underline-offset-4 decoration-amber-600/60 dark:decoration-amber-400/50 hover:decoration-fg focus-visible:decoration-fg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/70 transition-colors"
                     >{{ $t('package.security_downgrade.trusted_publishing_link_text')
-                    }}<span class="i-carbon:launch w-3 h-3" aria-hidden="true"
+                    }}<span class="i-lucide:external-link w-3 h-3" aria-hidden="true"
                   /></a>
                 </template>
               </i18n-t>
@@ -1209,7 +1209,7 @@ const showSkeleton = shallowRef(false)
                     rel="noopener noreferrer"
                     class="inline-flex items-center gap-1 rounded-sm underline underline-offset-4 decoration-amber-600/60 dark:decoration-amber-400/50 hover:decoration-fg focus-visible:decoration-fg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/70 transition-colors"
                     >{{ $t('package.security_downgrade.provenance_link_text')
-                    }}<span class="i-carbon:launch w-3 h-3" aria-hidden="true"
+                    }}<span class="i-lucide:external-link w-3 h-3" aria-hidden="true"
                   /></a>
                 </template>
                 <template #trustedPublishing>
@@ -1219,7 +1219,7 @@ const showSkeleton = shallowRef(false)
                     rel="noopener noreferrer"
                     class="inline-flex items-center gap-1 rounded-sm underline underline-offset-4 decoration-amber-600/60 dark:decoration-amber-400/50 hover:decoration-fg focus-visible:decoration-fg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/70 transition-colors"
                     >{{ $t('package.security_downgrade.trusted_publishing_link_text')
-                    }}<span class="i-carbon:launch w-3 h-3" aria-hidden="true"
+                    }}<span class="i-lucide:external-link w-3 h-3" aria-hidden="true"
                   /></a>
                 </template>
               </i18n-t>
diff --git a/app/pages/privacy.vue b/app/pages/privacy.vue
index a43bc6653..1f4d32ca1 100644
--- a/app/pages/privacy.vue
+++ b/app/pages/privacy.vue
@@ -183,7 +183,7 @@ const { locale } = useI18n()
                 class="inline-flex items-center gap-1 text-fg-muted hover:text-fg underline decoration-fg-subtle/50 hover:decoration-fg"
               >
                 {{ $t('privacy_policy.cookies.management.chrome') }}
-                <span class="i-carbon:launch rtl-flip w-4 h-4" aria-hidden="true" />
+                <span class="i-lucide:external-link rtl-flip w-4 h-4" aria-hidden="true" />
               </a>
             </li>
             <li class="flex items-start gap-3">
@@ -195,7 +195,7 @@ const { locale } = useI18n()
                 class="inline-flex items-center gap-1 text-fg-muted hover:text-fg underline decoration-fg-subtle/50 hover:decoration-fg"
               >
                 {{ $t('privacy_policy.cookies.management.firefox') }}
-                <span class="i-carbon:launch rtl-flip w-4 h-4" aria-hidden="true" />
+                <span class="i-lucide:external-link rtl-flip w-4 h-4" aria-hidden="true" />
               </a>
             </li>
             <li class="flex items-start gap-3">
@@ -207,7 +207,7 @@ const { locale } = useI18n()
                 class="inline-flex items-center gap-1 text-fg-muted hover:text-fg underline decoration-fg-subtle/50 hover:decoration-fg"
               >
                 {{ $t('privacy_policy.cookies.management.edge') }}
-                <span class="i-carbon:launch rtl-flip w-4 h-4" aria-hidden="true" />
+                <span class="i-lucide:external-link rtl-flip w-4 h-4" aria-hidden="true" />
               </a>
             </li>
           </ul>
@@ -333,7 +333,7 @@ const { locale } = useI18n()
                   class="inline-flex items-center gap-1 text-fg-muted hover:text-fg underline decoration-fg-subtle/50 hover:decoration-fg"
                 >
                   {{ $t('privacy_policy.contact.link') }}
-                  <span class="i-carbon:launch rtl-flip w-4 h-4" aria-hidden="true" />
+                  <span class="i-lucide:external-link rtl-flip w-4 h-4" aria-hidden="true" />
                 </a>
               </template>
             </i18n-t>
diff --git a/app/pages/settings.vue b/app/pages/settings.vue
index 14d50e110..f256df0df 100644
--- a/app/pages/settings.vue
+++ b/app/pages/settings.vue
@@ -199,7 +199,7 @@ const setLocale: typeof setNuxti18nLocale = locale => {
                 class="inline-flex items-center gap-1 text-xs text-fg-subtle hover:text-fg-muted transition-colors mt-2"
               >
                 {{ $t('search.algolia_disclaimer') }}
-                <span class="i-carbon:launch w-3 h-3" aria-hidden="true" />
+                <span class="i-lucide:external-link w-3 h-3" aria-hidden="true" />
               </a>
             </div>
           </div>

From 86cee184e62a4125ec03a11209e67e9f4ac94ca1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 02:38:53 +0100
Subject: [PATCH 18/85] refactor: replace arrow icon

---
 app/components/CallToAction.vue            | 2 +-
 app/components/Header/OrgsDropdown.vue     | 2 +-
 app/components/Header/PackagesDropdown.vue | 2 +-
 app/components/Package/SkillsModal.vue     | 2 +-
 app/components/ScrollToTop.client.vue      | 4 ++--
 app/components/SearchSuggestionCard.vue    | 2 +-
 app/components/Terminal/Install.vue        | 2 +-
 app/pages/about.vue                        | 2 +-
 app/pages/accessibility.vue                | 2 +-
 app/pages/compare.vue                      | 2 +-
 app/pages/package/[[org]]/[name].vue       | 2 +-
 app/pages/privacy.vue                      | 2 +-
 app/pages/recharging.vue                   | 2 +-
 app/pages/settings.vue                     | 2 +-
 app/pages/~[username]/orgs.vue             | 2 +-
 15 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/app/components/CallToAction.vue b/app/components/CallToAction.vue
index 3e3f133ad..c98ea387d 100644
--- a/app/components/CallToAction.vue
+++ b/app/components/CallToAction.vue
@@ -55,7 +55,7 @@ const socialLinks = computed(() => [
           class="text-sm text-fg-muted group-hover:text-fg inline-flex items-center gap-1 mt-auto focus-visible:outline-none"
         >
           {{ link.ctaKey }}
-          <span class="i-carbon:arrow-right rtl-flip w-3 h-3" aria-hidden="true" />
+          <span class="i-lucide:arrow-right rtl-flip w-3 h-3" aria-hidden="true" />
           <span class="absolute z-0 inset-0" aria-hidden="true" />
         </a>
       </div>
diff --git a/app/components/Header/OrgsDropdown.vue b/app/components/Header/OrgsDropdown.vue
index 3551d616b..b07b6352a 100644
--- a/app/components/Header/OrgsDropdown.vue
+++ b/app/components/Header/OrgsDropdown.vue
@@ -112,7 +112,7 @@ function handleKeydown(event: KeyboardEvent) {
               class="link-subtle font-mono text-xs inline-flex items-center gap-1"
             >
               {{ $t('header.orgs_dropdown.view_all') }}
-              <span class="i-carbon:arrow-right rtl-flip w-3 h-3" aria-hidden="true" />
+              <span class="i-lucide:arrow-right rtl-flip w-3 h-3" aria-hidden="true" />
             </NuxtLink>
           </div>
         </div>
diff --git a/app/components/Header/PackagesDropdown.vue b/app/components/Header/PackagesDropdown.vue
index a61aaf4a5..3f70c648f 100644
--- a/app/components/Header/PackagesDropdown.vue
+++ b/app/components/Header/PackagesDropdown.vue
@@ -112,7 +112,7 @@ function handleKeydown(event: KeyboardEvent) {
               class="link-subtle font-mono text-xs inline-flex items-center gap-1"
             >
               {{ $t('header.packages_dropdown.view_all') }}
-              <span class="i-carbon:arrow-right rtl-flip w-3 h-3" aria-hidden="true" />
+              <span class="i-lucide:arrow-right rtl-flip w-3 h-3" aria-hidden="true" />
             </NuxtLink>
           </div>
         </div>
diff --git a/app/components/Package/SkillsModal.vue b/app/components/Package/SkillsModal.vue
index e41223dfb..6d9b21148 100644
--- a/app/components/Package/SkillsModal.vue
+++ b/app/components/Package/SkillsModal.vue
@@ -110,7 +110,7 @@ function getWarningTooltip(skill: SkillListItem): string | undefined {
         class="inline-flex items-center gap-1 text-xs text-fg-subtle hover:text-fg transition-colors shrink-0"
       >
         {{ $t('package.skills.learn_more') }}
-        <span class="i-carbon:arrow-right w-3 h-3" />
+        <span class="i-lucide:arrow-right w-3 h-3" />
       </a>
     </div>
 
diff --git a/app/components/ScrollToTop.client.vue b/app/components/ScrollToTop.client.vue
index 63cdbef8b..e1e70ec5f 100644
--- a/app/components/ScrollToTop.client.vue
+++ b/app/components/ScrollToTop.client.vue
@@ -42,7 +42,7 @@ onMounted(() => {
     :aria-label="$t('common.scroll_to_top')"
     @click="scrollToTop"
   >
-    <span class="i-carbon:arrow-up w-5 h-5" aria-hidden="true" />
+    <span class="i-lucide:arrow-up w-5 h-5" aria-hidden="true" />
   </button>
 
   <!-- JS fallback for browsers without scroll-state support -->
@@ -62,7 +62,7 @@ onMounted(() => {
       :aria-label="$t('common.scroll_to_top')"
       @click="scrollToTop"
     >
-      <span class="i-carbon:arrow-up w-5 h-5" aria-hidden="true" />
+      <span class="i-lucide:arrow-up w-5 h-5" aria-hidden="true" />
     </button>
   </Transition>
 </template>
diff --git a/app/components/SearchSuggestionCard.vue b/app/components/SearchSuggestionCard.vue
index c55b8ed1a..26e29f745 100644
--- a/app/components/SearchSuggestionCard.vue
+++ b/app/components/SearchSuggestionCard.vue
@@ -62,7 +62,7 @@ defineProps<{
       </div>
 
       <span
-        class="i-carbon:arrow-right rtl-flip w-4 h-4 text-fg-subtle group-hover:text-fg transition-colors shrink-0"
+        class="i-lucide:arrow-right rtl-flip w-4 h-4 text-fg-subtle group-hover:text-fg transition-colors shrink-0"
         aria-hidden="true"
       />
     </NuxtLink>
diff --git a/app/components/Terminal/Install.vue b/app/components/Terminal/Install.vue
index dae4347af..190c5dbb3 100644
--- a/app/components/Terminal/Install.vue
+++ b/app/components/Terminal/Install.vue
@@ -219,7 +219,7 @@ const copyDevInstallCommand = () =>
               class="text-fg-subtle hover:text-fg-muted text-xs transition-colors focus-visible:outline-accent/70 rounded select-none"
               :title="$t('package.get_started.view_types', { package: typesPackageName })"
             >
-              <span class="i-carbon:arrow-right rtl-flip w-3 h-3 align-middle" aria-hidden="true" />
+              <span class="i-lucide:arrow-right rtl-flip w-3 h-3 align-middle" aria-hidden="true" />
               <span class="sr-only">View {{ typesPackageName }}</span>
             </NuxtLink>
           </div>
diff --git a/app/pages/about.vue b/app/pages/about.vue
index 37ea8014b..33d0e5d4f 100644
--- a/app/pages/about.vue
+++ b/app/pages/about.vue
@@ -61,7 +61,7 @@ const roleLabels = computed(
             @click="router.back()"
             v-if="canGoBack"
           >
-            <span class="i-carbon:arrow-left rtl-flip w-4 h-4" aria-hidden="true" />
+            <span class="i-lucide:arrow-left rtl-flip w-4 h-4" aria-hidden="true" />
             <span class="hidden sm:inline">{{ $t('nav.back') }}</span>
           </button>
         </div>
diff --git a/app/pages/accessibility.vue b/app/pages/accessibility.vue
index 5527c9cce..8f3750fb2 100644
--- a/app/pages/accessibility.vue
+++ b/app/pages/accessibility.vue
@@ -31,7 +31,7 @@ const canGoBack = useCanGoBack()
             @click="router.back()"
             v-if="canGoBack"
           >
-            <span class="i-carbon:arrow-left rtl-flip w-4 h-4" aria-hidden="true" />
+            <span class="i-lucide:arrow-left rtl-flip w-4 h-4" aria-hidden="true" />
             <span class="sr-only sm:not-sr-only">{{ $t('nav.back') }}</span>
           </button>
         </div>
diff --git a/app/pages/compare.vue b/app/pages/compare.vue
index a3c9a7c8d..2eacdade1 100644
--- a/app/pages/compare.vue
+++ b/app/pages/compare.vue
@@ -121,7 +121,7 @@ useSeoMeta({
             @click="router.back()"
             v-if="canGoBack"
           >
-            <span class="i-carbon:arrow-left rtl-flip w-4 h-4" aria-hidden="true" />
+            <span class="i-lucide:arrow-left rtl-flip w-4 h-4" aria-hidden="true" />
             <span class="hidden sm:inline">{{ $t('nav.back') }}</span>
           </button>
         </div>
diff --git a/app/pages/package/[[org]]/[name].vue b/app/pages/package/[[org]]/[name].vue
index 3686a4fe6..d38897886 100644
--- a/app/pages/package/[[org]]/[name].vue
+++ b/app/pages/package/[[org]]/[name].vue
@@ -706,7 +706,7 @@ const showSkeleton = shallowRef(false)
             <!-- Version resolution indicator (e.g., "latest → 4.2.0") -->
             <template v-if="requestedVersion && resolvedVersion !== requestedVersion">
               <span class="font-mono text-fg-muted text-sm" dir="ltr">{{ requestedVersion }}</span>
-              <span class="i-carbon:arrow-right rtl-flip w-3 h-3" aria-hidden="true" />
+              <span class="i-lucide:arrow-right rtl-flip w-3 h-3" aria-hidden="true" />
             </template>
 
             <LinkBase
diff --git a/app/pages/privacy.vue b/app/pages/privacy.vue
index 1f4d32ca1..c0e93030a 100644
--- a/app/pages/privacy.vue
+++ b/app/pages/privacy.vue
@@ -33,7 +33,7 @@ const { locale } = useI18n()
             @click="router.back()"
             v-if="canGoBack"
           >
-            <span class="i-carbon:arrow-left rtl-flip w-4 h-4" aria-hidden="true" />
+            <span class="i-lucide:arrow-left rtl-flip w-4 h-4" aria-hidden="true" />
             <span class="sr-only sm:not-sr-only">{{ $t('nav.back') }}</span>
           </button>
         </div>
diff --git a/app/pages/recharging.vue b/app/pages/recharging.vue
index 5d5df22fc..96aeef175 100644
--- a/app/pages/recharging.vue
+++ b/app/pages/recharging.vue
@@ -122,7 +122,7 @@ function downloadIcs() {
             @click="router.back()"
             v-if="canGoBack"
           >
-            <span class="i-carbon:arrow-left rtl-flip w-4 h-4" aria-hidden="true" />
+            <span class="i-lucide:arrow-left rtl-flip w-4 h-4" aria-hidden="true" />
             <span class="sr-only sm:not-sr-only">{{ $t('nav.back') }}</span>
           </button>
         </div>
diff --git a/app/pages/settings.vue b/app/pages/settings.vue
index f256df0df..27f2d4289 100644
--- a/app/pages/settings.vue
+++ b/app/pages/settings.vue
@@ -55,7 +55,7 @@ const setLocale: typeof setNuxti18nLocale = locale => {
             @click="router.back()"
             v-if="canGoBack"
           >
-            <span class="i-carbon:arrow-left rtl-flip w-4 h-4" aria-hidden="true" />
+            <span class="i-lucide:arrow-left rtl-flip w-4 h-4" aria-hidden="true" />
             <span class="sr-only sm:not-sr-only">{{ $t('nav.back') }}</span>
           </button>
         </div>
diff --git a/app/pages/~[username]/orgs.vue b/app/pages/~[username]/orgs.vue
index 06c7f6ad2..d9b13fa0e 100644
--- a/app/pages/~[username]/orgs.vue
+++ b/app/pages/~[username]/orgs.vue
@@ -140,7 +140,7 @@ defineOgImageComponent('Default', {
           id="back-to-profile"
           class="link-subtle font-mono text-sm inline-flex items-center gap-1.5"
         >
-          <span class="i-carbon:arrow-left rtl-flip w-4 h-4" aria-hidden="true" />
+          <span class="i-lucide:arrow-left rtl-flip w-4 h-4" aria-hidden="true" />
           {{ $t('user.orgs_page.back_to_profile') }}
         </NuxtLink>
       </nav>

From c4b29e0932286564ee53cdfb00b95052b1a7ab6e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 02:40:01 +0100
Subject: [PATCH 19/85] refactor: replace users icon

---
 app/components/Link/Base.vue              | 2 +-
 app/components/Org/MembersPanel.vue       | 2 +-
 app/components/Package/AccessControls.vue | 2 +-
 app/pages/package/[[org]]/[name].vue      | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/components/Link/Base.vue b/app/components/Link/Base.vue
index 68e59c749..a2f6d36da 100644
--- a/app/components/Link/Base.vue
+++ b/app/components/Link/Base.vue
@@ -105,7 +105,7 @@ const isButtonMedium = computed(() => props.size === 'medium' && !isLink.value)
     />
     <span
       v-else-if="isLinkAnchor && isLink"
-      class="i-carbon:link size-[1em] opacity-0 group-hover/link:opacity-100 transition-opacity duration-200"
+      class="i-lucide:link size-[1em] opacity-0 group-hover/link:opacity-100 transition-opacity duration-200"
       aria-hidden="true"
     />
     <kbd
diff --git a/app/components/Org/MembersPanel.vue b/app/components/Org/MembersPanel.vue
index dce1e9778..422e01c77 100644
--- a/app/components/Org/MembersPanel.vue
+++ b/app/components/Org/MembersPanel.vue
@@ -304,7 +304,7 @@ watch(lastExecutionTime, () => {
     <!-- Header -->
     <div class="flex items-center justify-between p-4 border-b border-border">
       <h2 id="members-heading" class="font-mono text-sm font-medium flex items-center gap-2">
-        <span class="i-carbon:user-multiple w-4 h-4 text-fg-muted" aria-hidden="true" />
+        <span class="i-lucide:users w-4 h-4 text-fg-muted" aria-hidden="true" />
         {{ $t('org.members.title') }}
         <span v-if="memberList.length > 0" class="text-fg-muted">({{ memberList.length }})</span>
       </h2>
diff --git a/app/components/Package/AccessControls.vue b/app/components/Package/AccessControls.vue
index 185939174..b2c782d85 100644
--- a/app/components/Package/AccessControls.vue
+++ b/app/components/Package/AccessControls.vue
@@ -202,7 +202,7 @@ watch(
           />
           <span
             v-else
-            class="i-carbon:user w-3.5 h-3.5 text-fg-subtle shrink-0"
+            class="i-lucide:user w-3.5 h-3.5 text-fg-subtle shrink-0"
             aria-hidden="true"
           />
           <span class="font-mono text-sm text-fg-muted truncate">
diff --git a/app/pages/package/[[org]]/[name].vue b/app/pages/package/[[org]]/[name].vue
index d38897886..c4ebefcae 100644
--- a/app/pages/package/[[org]]/[name].vue
+++ b/app/pages/package/[[org]]/[name].vue
@@ -873,7 +873,7 @@ const showSkeleton = shallowRef(false)
             </li>
             <li class="basis-full sm:hidden" />
             <li v-if="homepageUrl">
-              <LinkBase :to="homepageUrl" classicon="i-carbon:link">
+              <LinkBase :to="homepageUrl" classicon="i-lucide:link">
                 {{ $t('package.links.homepage') }}
               </LinkBase>
             </li>

From 75cc72e09c2eb670f2b6265553526e82632c08b6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 02:41:26 +0100
Subject: [PATCH 20/85] replace refresh icon

---
 app/components/Org/MembersPanel.vue       | 2 +-
 app/components/Org/OperationsQueue.vue    | 2 +-
 app/components/Org/TeamsPanel.vue         | 2 +-
 app/components/Package/AccessControls.vue | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/components/Org/MembersPanel.vue b/app/components/Org/MembersPanel.vue
index 422e01c77..ed8238b9e 100644
--- a/app/components/Org/MembersPanel.vue
+++ b/app/components/Org/MembersPanel.vue
@@ -316,7 +316,7 @@ watch(lastExecutionTime, () => {
         @click="refreshData"
       >
         <span
-          class="i-carbon:renew w-4 h-4"
+          class="i-lucide:refresh-ccw w-4 h-4"
           :class="{ 'motion-safe:animate-spin': isLoading || isLoadingTeams }"
           aria-hidden="true"
         />
diff --git a/app/components/Org/OperationsQueue.vue b/app/components/Org/OperationsQueue.vue
index 376fcbaf2..0065baee1 100644
--- a/app/components/Org/OperationsQueue.vue
+++ b/app/components/Org/OperationsQueue.vue
@@ -211,7 +211,7 @@ watch(isExecuting, executing => {
           :aria-label="$t('operations.queue.refresh')"
           @click="refreshState"
         >
-          <span class="i-carbon:renew w-4 h-4" aria-hidden="true" />
+          <span class="i-lucide:refresh-ccw w-4 h-4" aria-hidden="true" />
         </button>
       </div>
     </div>
diff --git a/app/components/Org/TeamsPanel.vue b/app/components/Org/TeamsPanel.vue
index 3f7f212d6..af38efeee 100644
--- a/app/components/Org/TeamsPanel.vue
+++ b/app/components/Org/TeamsPanel.vue
@@ -272,7 +272,7 @@ watch(lastExecutionTime, () => {
         @click="loadTeams"
       >
         <span
-          class="i-carbon:renew w-4 h-4"
+          class="i-lucide:refresh-ccw w-4 h-4"
           :class="{ 'animate-spin': isLoadingTeams }"
           aria-hidden="true"
         />
diff --git a/app/components/Package/AccessControls.vue b/app/components/Package/AccessControls.vue
index b2c782d85..a903ba475 100644
--- a/app/components/Package/AccessControls.vue
+++ b/app/components/Package/AccessControls.vue
@@ -163,7 +163,7 @@ watch(
         @click="loadCollaborators"
       >
         <span
-          class="i-carbon:renew w-3.5 h-3.5"
+          class="i-lucide:refresh-ccw w-3.5 h-3.5"
           :class="{ 'motion-safe:animate-spin': isLoadingCollaborators }"
           aria-hidden="true"
         />

From e02750c845045e3c174cf4e5b315c68e61a6c39b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 02:41:59 +0100
Subject: [PATCH 21/85] replace search icon

---
 app/components/AppHeader.vue                   | 2 +-
 app/components/Org/MembersPanel.vue            | 2 +-
 app/components/Org/TeamsPanel.vue              | 2 +-
 app/components/Package/ListControls.vue        | 2 +-
 app/components/SearchProviderToggle.client.vue | 2 +-
 app/pages/index.vue                            | 2 +-
 6 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/app/components/AppHeader.vue b/app/components/AppHeader.vue
index 29b93d4dd..dedad9d62 100644
--- a/app/components/AppHeader.vue
+++ b/app/components/AppHeader.vue
@@ -287,7 +287,7 @@ onKeyStroke(
         :aria-expanded="showMobileMenu"
         @click="expandMobileSearch"
         v-if="!isSearchExpanded && !isOnHomePage"
-        classicon="i-carbon:search"
+        classicon="i-lucide:search"
       />
 
       <!-- Mobile: Menu button (always visible, click to open menu) -->
diff --git a/app/components/Org/MembersPanel.vue b/app/components/Org/MembersPanel.vue
index ed8238b9e..bd6b6f492 100644
--- a/app/components/Org/MembersPanel.vue
+++ b/app/components/Org/MembersPanel.vue
@@ -327,7 +327,7 @@ watch(lastExecutionTime, () => {
     <div class="flex flex-wrap items-center gap-2 p-3 border-b border-border bg-bg">
       <div class="flex-1 min-w-[150px] relative">
         <span
-          class="absolute inset-is-2 top-1/2 -translate-y-1/2 i-carbon:search w-3.5 h-3.5 text-fg-subtle"
+          class="absolute inset-is-2 top-1/2 -translate-y-1/2 i-lucide:search w-3.5 h-3.5 text-fg-subtle"
           aria-hidden="true"
         />
         <label for="members-search" class="sr-only">{{ $t('org.members.filter_label') }}</label>
diff --git a/app/components/Org/TeamsPanel.vue b/app/components/Org/TeamsPanel.vue
index af38efeee..f098c943b 100644
--- a/app/components/Org/TeamsPanel.vue
+++ b/app/components/Org/TeamsPanel.vue
@@ -283,7 +283,7 @@ watch(lastExecutionTime, () => {
     <div class="flex items-center gap-2 p-3 border-b border-border bg-bg">
       <div class="flex-1 relative">
         <span
-          class="absolute inset-is-2 top-1/2 -translate-y-1/2 i-carbon:search w-3.5 h-3.5 text-fg-subtle"
+          class="absolute inset-is-2 top-1/2 -translate-y-1/2 i-lucide:search w-3.5 h-3.5 text-fg-subtle"
           aria-hidden="true"
         />
         <label for="teams-search" class="sr-only">{{ $t('org.teams.filter_label') }}</label>
diff --git a/app/components/Package/ListControls.vue b/app/components/Package/ListControls.vue
index 321272ab8..95ce64e98 100644
--- a/app/components/Package/ListControls.vue
+++ b/app/components/Package/ListControls.vue
@@ -59,7 +59,7 @@ const showFilteredCount = computed(() => {
         class="absolute h-full w-10 flex items-center justify-center text-fg-subtle pointer-events-none"
         aria-hidden="true"
       >
-        <div class="i-carbon:search w-4 h-4" />
+        <div class="i-lucide:search w-4 h-4" />
       </div>
       <InputBase
         id="package-filter"
diff --git a/app/components/SearchProviderToggle.client.vue b/app/components/SearchProviderToggle.client.vue
index 4fa7a752e..d3d5c9eb5 100644
--- a/app/components/SearchProviderToggle.client.vue
+++ b/app/components/SearchProviderToggle.client.vue
@@ -96,7 +96,7 @@ useEventListener('keydown', event => {
             "
           >
             <span
-              class="i-carbon:search w-4 h-4 mt-0.5 shrink-0"
+              class="i-lucide:search w-4 h-4 mt-0.5 shrink-0"
               :class="searchProviderValue === 'algolia' ? 'text-accent' : 'text-fg-muted'"
               aria-hidden="true"
             />
diff --git a/app/pages/index.vue b/app/pages/index.vue
index b96940740..4421dc7d5 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -93,7 +93,7 @@ defineOgImageComponent('Default', {
                   type="submit"
                   variant="primary"
                   class="absolute inset-ie-2 border-transparent"
-                  classicon="i-carbon:search"
+                  classicon="i-lucide:search"
                 >
                   <span class="sr-only sm:not-sr-only">
                     {{ $t('search.button') }}

From 63734bcd83792f11d2407a8be7917198c001c727 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 02:45:46 +0100
Subject: [PATCH 22/85] refactor: replace spinners

---
 app/components/CollapsibleSection.vue     | 2 +-
 app/components/Org/MembersPanel.vue       | 2 +-
 app/components/Org/OperationsQueue.vue    | 2 +-
 app/components/Org/TeamsPanel.vue         | 4 ++--
 app/components/Package/AccessControls.vue | 2 +-
 app/components/Package/Versions.vue       | 4 ++--
 app/components/VersionSelector.vue        | 2 +-
 7 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/app/components/CollapsibleSection.vue b/app/components/CollapsibleSection.vue
index 5ddb8b7b7..954eb80ae 100644
--- a/app/components/CollapsibleSection.vue
+++ b/app/components/CollapsibleSection.vue
@@ -94,7 +94,7 @@ useHead({
         >
           <span
             v-if="isLoading"
-            class="i-carbon:rotate-180 w-3 h-3 motion-safe:animate-spin"
+            class="i-i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
             aria-hidden="true"
           />
           <span
diff --git a/app/components/Org/MembersPanel.vue b/app/components/Org/MembersPanel.vue
index bd6b6f492..a366afe49 100644
--- a/app/components/Org/MembersPanel.vue
+++ b/app/components/Org/MembersPanel.vue
@@ -407,7 +407,7 @@ watch(lastExecutionTime, () => {
     <!-- Loading state -->
     <div v-if="isLoading && memberList.length === 0" class="p-8 text-center">
       <span
-        class="i-carbon:rotate-180 w-5 h-5 text-fg-muted animate-spin mx-auto"
+        class="i-i-svg-spinners:ring-resize w-5 h-5 text-fg-muted animate-spin mx-auto"
         aria-hidden="true"
       />
       <p class="font-mono text-sm text-fg-muted mt-2">{{ $t('org.members.loading') }}</p>
diff --git a/app/components/Org/OperationsQueue.vue b/app/components/Org/OperationsQueue.vue
index 0065baee1..a1156b2a0 100644
--- a/app/components/Org/OperationsQueue.vue
+++ b/app/components/Org/OperationsQueue.vue
@@ -162,7 +162,7 @@ function getStatusIcon(status: string): string {
     case 'approved':
       return 'i-lucide:check'
     case 'running':
-      return 'i-carbon:rotate-180'
+      return 'i-i-svg-spinners:ring-resize'
     case 'completed':
       return 'i-lucide:check-filled'
     case 'failed':
diff --git a/app/components/Org/TeamsPanel.vue b/app/components/Org/TeamsPanel.vue
index f098c943b..5ade873ff 100644
--- a/app/components/Org/TeamsPanel.vue
+++ b/app/components/Org/TeamsPanel.vue
@@ -329,7 +329,7 @@ watch(lastExecutionTime, () => {
     <!-- Loading state -->
     <div v-if="isLoadingTeams && teams.length === 0" class="p-8 text-center">
       <span
-        class="i-carbon:rotate-180 w-5 h-5 text-fg-muted motion-safe:animate-spin mx-auto"
+        class="i-i-svg-spinners:ring-resize w-5 h-5 text-fg-muted motion-safe:animate-spin mx-auto"
         aria-hidden="true"
       />
       <p class="font-mono text-sm text-fg-muted mt-2">{{ $t('org.teams.loading') }}</p>
@@ -388,7 +388,7 @@ watch(lastExecutionTime, () => {
             </span>
             <span
               v-if="isLoadingUsers[teamName]"
-              class="i-carbon:rotate-180 w-3 h-3 text-fg-muted motion-safe:animate-spin"
+              class="i-i-svg-spinners:ring-resize w-3 h-3 text-fg-muted motion-safe:animate-spin"
               aria-hidden="true"
             />
           </button>
diff --git a/app/components/Package/AccessControls.vue b/app/components/Package/AccessControls.vue
index a903ba475..42a2bf21d 100644
--- a/app/components/Package/AccessControls.vue
+++ b/app/components/Package/AccessControls.vue
@@ -173,7 +173,7 @@ watch(
     <!-- Loading state -->
     <div v-if="isLoadingCollaborators && collaboratorList.length === 0" class="py-4 text-center">
       <span
-        class="i-carbon:rotate-180 w-4 h-4 text-fg-muted animate-spin mx-auto"
+        class="i-i-svg-spinners:ring-resize w-4 h-4 text-fg-muted animate-spin mx-auto"
         aria-hidden="true"
       />
     </div>
diff --git a/app/components/Package/Versions.vue b/app/components/Package/Versions.vue
index 7b8fd62fe..75f4ead84 100644
--- a/app/components/Package/Versions.vue
+++ b/app/components/Package/Versions.vue
@@ -440,7 +440,7 @@ function majorGroupContainsCurrent(group: (typeof otherMajorGroups.value)[0]): b
           >
             <span
               v-if="loadingTags.has(row.tag)"
-              class="i-carbon:rotate-180 w-3 h-3 motion-safe:animate-spin"
+              class="i-i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
               data-testid="loading-spinner"
               aria-hidden="true"
             />
@@ -595,7 +595,7 @@ function majorGroupContainsCurrent(group: (typeof otherMajorGroups.value)[0]): b
           >
             <span
               v-if="otherVersionsLoading"
-              class="i-carbon:rotate-180 w-3 h-3 motion-safe:animate-spin"
+              class="i-i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
               data-testid="loading-spinner"
               aria-hidden="true"
             />
diff --git a/app/components/VersionSelector.vue b/app/components/VersionSelector.vue
index 999cb45e7..3b5ac7ffa 100644
--- a/app/components/VersionSelector.vue
+++ b/app/components/VersionSelector.vue
@@ -540,7 +540,7 @@ watch(
             >
               <span
                 v-if="group.isLoading"
-                class="i-carbon:rotate-180 w-3 h-3 motion-safe:animate-spin"
+                class="i-i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
                 aria-hidden="true"
               />
               <span

From 65a555c5685c62a84b5c1be045bf33177d637d49 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 02:46:27 +0100
Subject: [PATCH 23/85] replace clock icon

---
 app/components/Org/OperationsQueue.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/Org/OperationsQueue.vue b/app/components/Org/OperationsQueue.vue
index a1156b2a0..d25557f49 100644
--- a/app/components/Org/OperationsQueue.vue
+++ b/app/components/Org/OperationsQueue.vue
@@ -158,7 +158,7 @@ function getStatusColor(status: string): string {
 function getStatusIcon(status: string): string {
   switch (status) {
     case 'pending':
-      return 'i-carbon:time'
+      return 'i-lucide:clock'
     case 'approved':
       return 'i-lucide:check'
     case 'running':

From b36e569274cd378e24904aa9f173f889e95db76f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 02:47:11 +0100
Subject: [PATCH 24/85] replace question mark icon

---
 app/components/Org/OperationsQueue.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/Org/OperationsQueue.vue b/app/components/Org/OperationsQueue.vue
index d25557f49..2bfa20b7a 100644
--- a/app/components/Org/OperationsQueue.vue
+++ b/app/components/Org/OperationsQueue.vue
@@ -168,7 +168,7 @@ function getStatusIcon(status: string): string {
     case 'failed':
       return 'i-lucide:circle-x-filled'
     default:
-      return 'i-carbon:help'
+      return 'i-lucide:circle-question-mark'
   }
 }
 

From 31ade047e951b45ad1453bd7460d7f6a8cc20072 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 02:47:51 +0100
Subject: [PATCH 25/85] replace lock icon

---
 app/components/Org/OperationsQueue.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/Org/OperationsQueue.vue b/app/components/Org/OperationsQueue.vue
index 2bfa20b7a..03d08c3ce 100644
--- a/app/components/Org/OperationsQueue.vue
+++ b/app/components/Org/OperationsQueue.vue
@@ -305,7 +305,7 @@ watch(isExecuting, executing => {
       role="alert"
     >
       <div class="flex items-center gap-2 mb-2">
-        <span class="i-carbon:locked w-4 h-4 text-amber-400 shrink-0" aria-hidden="true" />
+        <span class="i-lucide:lock w-4 h-4 text-amber-400 shrink-0" aria-hidden="true" />
         <span class="font-mono text-sm text-amber-400">
           {{ $t('operations.queue.otp_prompt') }}
         </span>

From 57def9100e23388e55fcdcfaa220975a04168204 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 02:48:38 +0100
Subject: [PATCH 26/85] replace user group icon

---
 app/components/Org/TeamsPanel.vue         | 2 +-
 app/components/Package/AccessControls.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/components/Org/TeamsPanel.vue b/app/components/Org/TeamsPanel.vue
index 5ade873ff..d1aeb02cd 100644
--- a/app/components/Org/TeamsPanel.vue
+++ b/app/components/Org/TeamsPanel.vue
@@ -259,7 +259,7 @@ watch(lastExecutionTime, () => {
     <!-- Header -->
     <div class="flex items-center justify-start p-4 border-b border-border">
       <h2 id="teams-heading" class="font-mono text-sm font-medium flex items-center gap-2">
-        <span class="i-carbon:group w-4 h-4 text-fg-muted" aria-hidden="true" />
+        <span class="i-lucide:users w-4 h-4 text-fg-muted" aria-hidden="true" />
         {{ $t('org.teams.title') }}
         <span v-if="teams.length > 0" class="text-fg-muted">({{ teams.length }})</span>
       </h2>
diff --git a/app/components/Package/AccessControls.vue b/app/components/Package/AccessControls.vue
index 42a2bf21d..543e8c0bb 100644
--- a/app/components/Package/AccessControls.vue
+++ b/app/components/Package/AccessControls.vue
@@ -197,7 +197,7 @@ watch(
         <div class="flex items-center gap-2 min-w-0">
           <span
             v-if="collab.isTeam"
-            class="i-carbon:group w-3.5 h-3.5 text-fg-subtle shrink-0"
+            class="i-lucide:users w-3.5 h-3.5 text-fg-subtle shrink-0"
             aria-hidden="true"
           />
           <span

From 1e6a9da4bed5e61d2a509fd3ff58983da21d2ad0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 02:49:03 +0100
Subject: [PATCH 27/85] replace trash icon

---
 app/components/Org/TeamsPanel.vue              | 2 +-
 app/components/Package/TrendsChart.vue         | 2 +-
 app/components/Package/VersionDistribution.vue | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/components/Org/TeamsPanel.vue b/app/components/Org/TeamsPanel.vue
index d1aeb02cd..2026207a9 100644
--- a/app/components/Org/TeamsPanel.vue
+++ b/app/components/Org/TeamsPanel.vue
@@ -399,7 +399,7 @@ watch(lastExecutionTime, () => {
             :aria-label="$t('org.teams.delete_team', { name: teamName })"
             @click.stop="handleDestroyTeam(teamName)"
           >
-            <span class="i-carbon:trash-can w-4 h-4" aria-hidden="true" />
+            <span class="i-lucide:trash-can w-4 h-4" aria-hidden="true" />
           </button>
         </div>
 
diff --git a/app/components/Package/TrendsChart.vue b/app/components/Package/TrendsChart.vue
index cf14e621e..85d6b63a4 100644
--- a/app/components/Package/TrendsChart.vue
+++ b/app/components/Package/TrendsChart.vue
@@ -1703,7 +1703,7 @@ watch(selectedMetric, value => {
             </template>
             <template #annotator-action-delete>
               <span
-                class="i-carbon:trash-can w-6 h-6 text-fg-subtle"
+                class="i-lucide:trash-can w-6 h-6 text-fg-subtle"
                 style="pointer-events: none"
                 aria-hidden="true"
               />
diff --git a/app/components/Package/VersionDistribution.vue b/app/components/Package/VersionDistribution.vue
index fdc4b9a91..522d6b238 100644
--- a/app/components/Package/VersionDistribution.vue
+++ b/app/components/Package/VersionDistribution.vue
@@ -574,7 +574,7 @@ const endDate = computed(() => {
 
             <template #annotator-action-delete>
               <span
-                class="i-carbon:trash-can w-6 h-6 text-fg-subtle"
+                class="i-lucide:trash-can w-6 h-6 text-fg-subtle"
                 style="pointer-events: none"
                 aria-hidden="true"
               />

From b24379fb3595033089a5ed0454275df6367d2dc1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 02:49:33 +0100
Subject: [PATCH 28/85] replace chart line icon

---
 app/components/Package/Card.vue | 4 ++--
 app/pages/org/[org].vue         | 2 +-
 app/pages/~[username]/index.vue | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/components/Package/Card.vue b/app/components/Package/Card.vue
index f0423b127..12d25268b 100644
--- a/app/components/Package/Card.vue
+++ b/app/components/Package/Card.vue
@@ -118,7 +118,7 @@ const numberFormatter = useNumberFormatter()
           <div class="flex items-center gap-1.5">
             <dt class="sr-only">{{ $t('package.card.weekly_downloads') }}</dt>
             <dd class="flex items-center gap-1.5">
-              <span class="i-carbon:chart-line w-3.5 h-3.5" aria-hidden="true" />
+              <span class="i-lucide:chart-line w-3.5 h-3.5" aria-hidden="true" />
               <span class="font-mono">{{ $n(result.downloads.weekly) }}/w</span>
             </dd>
           </div>
@@ -152,7 +152,7 @@ const numberFormatter = useNumberFormatter()
           v-if="result.downloads?.weekly"
           class="text-fg-subtle gap-2 flex items-center justify-end"
         >
-          <span class="i-carbon:chart-line w-3.5 h-3.5" aria-hidden="true" />
+          <span class="i-lucide:chart-line w-3.5 h-3.5" aria-hidden="true" />
           <span class="font-mono text-xs">
             {{ $n(result.downloads.weekly) }} {{ $t('common.per_week') }}
           </span>
diff --git a/app/pages/org/[org].vue b/app/pages/org/[org].vue
index 08739fd43..ac2420aa4 100644
--- a/app/pages/org/[org].vue
+++ b/app/pages/org/[org].vue
@@ -190,7 +190,7 @@ defineOgImageComponent('Default', {
             class="text-fg-subtle text-xs mt-1 flex items-center gap-1.5 justify-end cursor-help"
             :title="$t('common.vanity_downloads_hint', { count: filteredCount }, filteredCount)"
           >
-            <span class="i-carbon:chart-line w-3.5 h-3.5" aria-hidden="true" />
+            <span class="i-lucide:chart-line w-3.5 h-3.5" aria-hidden="true" />
             <span class="font-mono"
               >{{ $n(totalWeeklyDownloads) }} {{ $t('common.per_week') }}</span
             >
diff --git a/app/pages/~[username]/index.vue b/app/pages/~[username]/index.vue
index 84d971335..87bf524aa 100644
--- a/app/pages/~[username]/index.vue
+++ b/app/pages/~[username]/index.vue
@@ -166,7 +166,7 @@ defineOgImageComponent('Default', {
             class="text-fg-subtle text-xs mt-1 flex items-center gap-1.5 justify-end cursor-help"
             :title="$t('common.vanity_downloads_hint', { count: filteredCount }, filteredCount)"
           >
-            <span class="i-carbon:chart-line w-3.5 h-3.5" aria-hidden="true" />
+            <span class="i-lucide:chart-line w-3.5 h-3.5" aria-hidden="true" />
             <span class="font-mono"
               >{{ $n(totalWeeklyDownloads) }} {{ $t('common.per_week') }}</span
             >

From a730933a7526e597deb92ed7387e9a526355144b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 02:50:28 +0100
Subject: [PATCH 29/85] replace warning icon

---
 app/components/Package/ClaimPackageModal.vue         |  4 ++--
 app/components/Package/Dependencies.vue              |  4 ++--
 app/components/Package/DeprecatedTree.vue            |  2 +-
 app/components/Package/InstallScripts.vue            |  4 ++--
 app/components/Package/SkillsModal.vue               |  4 ++--
 app/components/Package/TableRow.vue                  |  2 +-
 app/components/Package/VersionDistribution.vue       |  2 +-
 app/components/Package/Versions.vue                  | 12 ++++++------
 app/components/Package/VulnerabilityTree.vue         |  6 +++---
 .../[packageName]/v/[version]/[...filePath].vue      |  2 +-
 app/pages/package/[[org]]/[name].vue                 |  6 +++---
 11 files changed, 24 insertions(+), 24 deletions(-)

diff --git a/app/components/Package/ClaimPackageModal.vue b/app/components/Package/ClaimPackageModal.vue
index 143abb73b..143ba9928 100644
--- a/app/components/Package/ClaimPackageModal.vue
+++ b/app/components/Package/ClaimPackageModal.vue
@@ -266,12 +266,12 @@ const previewPackageJson = computed(() => {
             >
               <span
                 v-if="pkg.similarity === 'exact-match'"
-                class="i-carbon:warning-filled text-red-500 w-4 h-4 mt-0.5 shrink-0"
+                class="i-lucide:circle-alert text-red-500 w-4 h-4 mt-0.5 shrink-0"
                 aria-hidden="true"
               />
               <span
                 v-else-if="pkg.similarity === 'very-similar'"
-                class="i-carbon:warning text-yellow-500 w-4 h-4 mt-0.5 shrink-0"
+                class="i-lucide:circle-alert text-yellow-500 w-4 h-4 mt-0.5 shrink-0"
                 aria-hidden="true"
               />
               <span v-else class="w-4 h-4 shrink-0" />
diff --git a/app/components/Package/Dependencies.vue b/app/components/Package/Dependencies.vue
index 74427ceb2..ab6c4d8bc 100644
--- a/app/components/Package/Dependencies.vue
+++ b/app/components/Package/Dependencies.vue
@@ -102,7 +102,7 @@ const numberFormatter = useNumberFormatter()
               aria-hidden="true"
               :text="getOutdatedTooltip(outdatedDeps[dep], $t)"
             >
-              <span class="i-carbon:warning-alt w-3 h-3" />
+              <span class="i-lucide:circle-alert-alt w-3 h-3" />
             </TooltipApp>
             <LinkBase
               v-if="getVulnerableDepInfo(dep)"
@@ -119,7 +119,7 @@ const numberFormatter = useNumberFormatter()
               :to="packageRoute(dep, getDeprecatedDepInfo(dep)!.version)"
               class="shrink-0 text-purple-700 dark:text-purple-500"
               :title="getDeprecatedDepInfo(dep)!.message"
-              classicon="i-carbon:warning-hex"
+              classicon="i-lucide:circle-alert-hex"
             >
               <span class="sr-only">{{ $t('package.deprecated.label') }}</span>
             </LinkBase>
diff --git a/app/components/Package/DeprecatedTree.vue b/app/components/Package/DeprecatedTree.vue
index 3ed000a6f..580fd763b 100644
--- a/app/components/Package/DeprecatedTree.vue
+++ b/app/components/Package/DeprecatedTree.vue
@@ -54,7 +54,7 @@ function getDepthStyle(depth: DependencyDepth) {
         @click="isExpanded = !isExpanded"
       >
         <span class="flex items-center gap-2 min-w-0">
-          <span class="i-carbon:warning-hex w-4 h-4 shrink-0" aria-hidden="true" />
+          <span class="i-lucide:circle-alert-hex w-4 h-4 shrink-0" aria-hidden="true" />
           <span class="font-mono text-sm font-medium truncate">
             {{ $t('package.deprecated.tree_found', analysisData!.deprecatedPackages.length) }}
           </span>
diff --git a/app/components/Package/InstallScripts.vue b/app/components/Package/InstallScripts.vue
index 3f9ae9d23..f7209af79 100644
--- a/app/components/Package/InstallScripts.vue
+++ b/app/components/Package/InstallScripts.vue
@@ -61,7 +61,7 @@ const isExpanded = shallowRef(false)
   <CollapsibleSection
     :title="$t('package.install_scripts.title')"
     id="installScripts"
-    icon="i-carbon:warning-alt w-3 h-3 text-yellow-500"
+    icon="i-lucide:circle-alert-alt w-3 h-3 text-yellow-500"
   >
     <!-- Script list: name as label, content below -->
     <dl class="space-y-2 m-0">
@@ -139,7 +139,7 @@ const isExpanded = shallowRef(false)
               aria-hidden="true"
               :text="getOutdatedTooltip(outdatedNpxDeps[dep], $t)"
             >
-              <span class="i-carbon:warning-alt w-3 h-3" />
+              <span class="i-lucide:circle-alert-alt w-3 h-3" />
             </TooltipApp>
             <span
               class="font-mono text-xs text-end truncate"
diff --git a/app/components/Package/SkillsModal.vue b/app/components/Package/SkillsModal.vue
index 6d9b21148..be7ebb3b3 100644
--- a/app/components/Package/SkillsModal.vue
+++ b/app/components/Package/SkillsModal.vue
@@ -171,7 +171,7 @@ function getWarningTooltip(skill: SkillListItem): string | undefined {
             :text="getWarningTooltip(skill)"
             to="#skills-modal"
           >
-            <span class="i-carbon:warning w-3.5 h-3.5 text-amber-500" />
+            <span class="i-lucide:circle-alert w-3.5 h-3.5 text-amber-500" />
           </TooltipApp>
         </button>
 
@@ -221,7 +221,7 @@ function getWarningTooltip(skill: SkillListItem): string | undefined {
                 </span>
                 <template v-for="warning in skill.warnings" :key="warning.message">
                   <span class="text-amber-500">
-                    <span class="i-carbon:warning size-3 align-[-2px] me-0.5" />{{
+                    <span class="i-lucide:circle-alert size-3 align-[-2px] me-0.5" />{{
                       warning.message
                     }}
                   </span>
diff --git a/app/components/Package/TableRow.vue b/app/components/Package/TableRow.vue
index cb657f02a..017d1b289 100644
--- a/app/components/Package/TableRow.vue
+++ b/app/components/Package/TableRow.vue
@@ -187,7 +187,7 @@ const allMaintainersText = computed(() => {
     <!-- Security -->
     <td v-if="isColumnVisible('security')" class="py-2 px-3">
       <span v-if="result.flags?.insecure" class="text-syntax-kw">
-        <span class="i-carbon:warning w-4 h-4" aria-hidden="true" />
+        <span class="i-lucide:circle-alert w-4 h-4" aria-hidden="true" />
         <span class="sr-only">{{ $t('filters.table.security_warning') }}</span>
       </span>
       <span v-else-if="result.flags !== undefined" class="text-provider-nuxt">
diff --git a/app/components/Package/VersionDistribution.vue b/app/components/Package/VersionDistribution.vue
index 522d6b238..f8b752848 100644
--- a/app/components/Package/VersionDistribution.vue
+++ b/app/components/Package/VersionDistribution.vue
@@ -613,7 +613,7 @@ const endDate = computed(() => {
       <!-- Error state -->
       <div v-if="error" class="flex items-center justify-center h-full" role="alert">
         <div class="text-sm text-fg-subtle font-mono text-center flex flex-col items-center gap-2">
-          <span class="i-carbon:warning-hex w-8 h-8 text-red-400" />
+          <span class="i-lucide:circle-alert-hex w-8 h-8 text-red-400" />
           <p>{{ error.message }}</p>
           <p class="text-xs">Package: {{ packageName }}</p>
         </div>
diff --git a/app/components/Package/Versions.vue b/app/components/Package/Versions.vue
index 75f4ead84..eb049aa92 100644
--- a/app/components/Package/Versions.vue
+++ b/app/components/Package/Versions.vue
@@ -474,7 +474,7 @@ function majorGroupContainsCurrent(group: (typeof otherMajorGroups.value)[0]): b
                       })
                     : row.primaryVersion.version
                 "
-                :classicon="row.primaryVersion.deprecated ? 'i-carbon:warning-hex' : undefined"
+                :classicon="row.primaryVersion.deprecated ? 'i-lucide:circle-alert-hex' : undefined"
               >
                 <span dir="ltr" class="block truncate">
                   {{ row.primaryVersion.version }}
@@ -536,7 +536,7 @@ function majorGroupContainsCurrent(group: (typeof otherMajorGroups.value)[0]): b
                     ? $t('package.versions.deprecated_title', { version: v.version })
                     : v.version
                 "
-                :classicon="v.deprecated ? 'i-carbon:warning-hex' : undefined"
+                :classicon="v.deprecated ? 'i-lucide:circle-alert-hex' : undefined"
               >
                 <span dir="ltr" class="block truncate">
                   {{ v.version }}
@@ -646,7 +646,7 @@ function majorGroupContainsCurrent(group: (typeof otherMajorGroups.value)[0]): b
                       })
                     : row.primaryVersion.version
                 "
-                :classicon="row.primaryVersion.deprecated ? 'i-carbon:warning-hex' : undefined"
+                :classicon="row.primaryVersion.deprecated ? 'i-lucide:circle-alert-hex' : undefined"
               >
                 <span dir="ltr" class="block truncate">
                   {{ row.primaryVersion.version }}
@@ -726,7 +726,7 @@ function majorGroupContainsCurrent(group: (typeof otherMajorGroups.value)[0]): b
                           : group.versions[0]?.version
                       "
                       :classicon="
-                        group.versions[0]?.deprecated ? 'i-carbon:warning-hex' : undefined
+                        group.versions[0]?.deprecated ? 'i-lucide:circle-alert-hex' : undefined
                       "
                     >
                       <span dir="ltr" class="block truncate">
@@ -791,7 +791,7 @@ function majorGroupContainsCurrent(group: (typeof otherMajorGroups.value)[0]): b
                           : group.versions[0]?.version
                       "
                       :classicon="
-                        group.versions[0]?.deprecated ? 'i-carbon:warning-hex' : undefined
+                        group.versions[0]?.deprecated ? 'i-lucide:circle-alert-hex' : undefined
                       "
                     >
                       <span dir="ltr" class="block truncate">
@@ -855,7 +855,7 @@ function majorGroupContainsCurrent(group: (typeof otherMajorGroups.value)[0]): b
                           ? $t('package.versions.deprecated_title', { version: v.version })
                           : v.version
                       "
-                      :classicon="v.deprecated ? 'i-carbon:warning-hex' : undefined"
+                      :classicon="v.deprecated ? 'i-lucide:circle-alert-hex' : undefined"
                     >
                       <span dir="ltr" class="block truncate">
                         {{ v.version }}
diff --git a/app/components/Package/VulnerabilityTree.vue b/app/components/Package/VulnerabilityTree.vue
index 17e414cb9..49b10f00a 100644
--- a/app/components/Package/VulnerabilityTree.vue
+++ b/app/components/Package/VulnerabilityTree.vue
@@ -84,7 +84,7 @@ function getDepthStyle(depth: string | undefined) {
         @click="isExpanded = !isExpanded"
       >
         <span class="flex items-center gap-2 min-w-0">
-          <span class="i-carbon:warning-alt w-4 h-4 shrink-0" aria-hidden="true" />
+          <span class="i-lucide:circle-alert-alt w-4 h-4 shrink-0" aria-hidden="true" />
           <span class="font-mono text-sm font-medium truncate">
             {{
               $t(
@@ -199,7 +199,7 @@ function getDepthStyle(depth: string | undefined) {
           v-if="vulnTree!.failedQueries"
           class="px-4 py-2 text-xs text-fg-subtle border-t border-border flex items-center gap-2"
         >
-          <span class="i-carbon:warning w-3 h-3" aria-hidden="true" />
+          <span class="i-lucide:circle-alert w-3 h-3" aria-hidden="true" />
           <span>{{ $t('package.vulnerabilities.packages_failed', vulnTree!.failedQueries) }}</span>
         </div>
       </div>
@@ -214,7 +214,7 @@ function getDepthStyle(depth: string | undefined) {
   <section v-else-if="status === 'error'" aria-labelledby="vuln-tree-error">
     <div class="rounded-lg border border-border bg-bg-subtle px-4 py-3">
       <div class="flex items-center gap-2">
-        <span class="i-carbon:warning w-4 h-4 text-fg-subtle" aria-hidden="true" />
+        <span class="i-lucide:circle-alert w-4 h-4 text-fg-subtle" aria-hidden="true" />
         <span class="text-sm text-fg-muted">
           {{ $t('package.vulnerabilities.scan_failed') }}
         </span>
diff --git a/app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue b/app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue
index 6b68b72c9..427e5a6bb 100644
--- a/app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue
+++ b/app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue
@@ -541,7 +541,7 @@ defineOgImageComponent('Default', {
 
         <!-- Error loading file -->
         <div v-else-if="filePath && fileStatus === 'error'" class="py-20 text-center" role="alert">
-          <div class="i-carbon:warning-alt w-8 h-8 mx-auto text-fg-subtle mb-4" />
+          <div class="i-lucide:circle-alert-alt w-8 h-8 mx-auto text-fg-subtle mb-4" />
           <p class="text-fg-muted mb-2">{{ $t('code.failed_to_load') }}</p>
           <p class="text-fg-subtle text-sm mb-4">{{ $t('code.unavailable_hint') }}</p>
           <LinkBase
diff --git a/app/pages/package/[[org]]/[name].vue b/app/pages/package/[[org]]/[name].vue
index c4ebefcae..1bca1b584 100644
--- a/app/pages/package/[[org]]/[name].vue
+++ b/app/pages/package/[[org]]/[name].vue
@@ -878,7 +878,7 @@ const showSkeleton = shallowRef(false)
               </LinkBase>
             </li>
             <li v-if="displayVersion?.bugs?.url">
-              <LinkBase :to="displayVersion.bugs.url" classicon="i-carbon:warning">
+              <LinkBase :to="displayVersion.bugs.url" classicon="i-lucide:circle-alert">
                 {{ $t('package.links.issues') }}
               </LinkBase>
             </li>
@@ -1149,7 +1149,7 @@ const showSkeleton = shallowRef(false)
             class="mb-4 rounded-lg border border-amber-600/40 bg-amber-500/10 px-4 py-3 text-amber-700 dark:text-amber-400"
           >
             <h3 class="m-0 flex items-center gap-2 font-mono text-sm font-medium">
-              <span class="i-carbon:warning-alt w-4 h-4 shrink-0" aria-hidden="true" />
+              <span class="i-lucide:circle-alert-alt w-4 h-4 shrink-0" aria-hidden="true" />
               {{ $t('package.security_downgrade.title') }}
             </h3>
             <p class="mt-2 mb-0 text-sm">
@@ -1336,7 +1336,7 @@ const showSkeleton = shallowRef(false)
             v-else-if="provenanceStatus === 'error'"
             class="mt-8 flex items-center gap-2 text-fg-subtle text-sm"
           >
-            <span class="i-carbon:warning w-4 h-4" aria-hidden="true" />
+            <span class="i-lucide:circle-alert w-4 h-4" aria-hidden="true" />
             <span>{{ $t('package.provenance_section.error_loading') }}</span>
           </div>
         </section>

From 28413dc16659da332d0205139772cce7860cc6d1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 02:51:04 +0100
Subject: [PATCH 30/85] replace code icon

---
 app/components/Package/Compatibility.vue                      | 2 +-
 app/components/Package/Playgrounds.vue                        | 2 +-
 app/components/Package/SkillsModal.vue                        | 2 +-
 .../[[org]]/[packageName]/v/[version]/[...filePath].vue       | 2 +-
 app/pages/package/[[org]]/[name].vue                          | 4 ++--
 5 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/app/components/Package/Compatibility.vue b/app/components/Package/Compatibility.vue
index 78f67ce5f..149b84d12 100644
--- a/app/components/Package/Compatibility.vue
+++ b/app/components/Package/Compatibility.vue
@@ -23,7 +23,7 @@ function getName(engine: string): string {
 }
 
 function getIcon(engine: string): string {
-  return engineIcons[engine] || 'i-carbon:code'
+  return engineIcons[engine] || 'i-lucide:code'
 }
 
 const sortedEngines = computed(() => {
diff --git a/app/components/Package/Playgrounds.vue b/app/components/Package/Playgrounds.vue
index 3d2c919f1..54c6682cb 100644
--- a/app/components/Package/Playgrounds.vue
+++ b/app/components/Package/Playgrounds.vue
@@ -16,7 +16,7 @@ const providerIcons: Record<string, string> = {
   'vue-playground': 'i-simple-icons:vuedotjs',
   'nuxt-new': 'i-simple-icons:nuxtdotjs',
   'vite-new': 'i-simple-icons:vite',
-  'jsfiddle': 'i-carbon:code',
+  'jsfiddle': 'i-lucide:code',
 }
 
 // Map provider id to color class
diff --git a/app/components/Package/SkillsModal.vue b/app/components/Package/SkillsModal.vue
index be7ebb3b3..18167873f 100644
--- a/app/components/Package/SkillsModal.vue
+++ b/app/components/Package/SkillsModal.vue
@@ -234,7 +234,7 @@ function getWarningTooltip(skill: SkillListItem): string | undefined {
                 class="inline-flex items-center gap-1 text-xs text-fg-subtle hover:text-fg transition-colors"
                 @click.stop
               >
-                <span class="i-carbon:code size-3" />{{ $t('package.skills.view_source') }}
+                <span class="i-lucide:code size-3" />{{ $t('package.skills.view_source') }}
               </NuxtLink>
             </div>
           </div>
diff --git a/app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue b/app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue
index 427e5a6bb..2b6be208d 100644
--- a/app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue
+++ b/app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue
@@ -261,7 +261,7 @@ const markdownViewModes = [
   {
     key: 'code',
     label: $t('code.markdown_view_mode.code'),
-    icon: 'i-carbon:code',
+    icon: 'i-lucide:code',
   },
 ] as const
 
diff --git a/app/pages/package/[[org]]/[name].vue b/app/pages/package/[[org]]/[name].vue
index 1bca1b584..ea4adab5d 100644
--- a/app/pages/package/[[org]]/[name].vue
+++ b/app/pages/package/[[org]]/[name].vue
@@ -410,7 +410,7 @@ const PROVIDER_ICONS: Record<string, string> = {
 const repoProviderIcon = computed(() => {
   const provider = repoRef.value?.provider
   if (!provider) return 'i-carbon:logo-github'
-  return PROVIDER_ICONS[provider] ?? 'i-carbon:code'
+  return PROVIDER_ICONS[provider] ?? 'i-lucide:code'
 })
 
 const homepageUrl = computed(() => {
@@ -769,7 +769,7 @@ const showSkeleton = shallowRef(false)
               variant="button-secondary"
               :to="codeLink"
               aria-keyshortcuts="."
-              classicon="i-carbon:code"
+              classicon="i-lucide:code"
             >
               {{ $t('package.links.code') }}
             </LinkBase>

From c509d56c7095b7c974456a59b89f91eb51074304 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 02:51:42 +0100
Subject: [PATCH 31/85] replace security icon

---
 app/components/AppHeader.vue            | 2 +-
 app/components/Package/Dependencies.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/components/AppHeader.vue b/app/components/AppHeader.vue
index dedad9d62..17e0d4323 100644
--- a/app/components/AppHeader.vue
+++ b/app/components/AppHeader.vue
@@ -62,7 +62,7 @@ const mobileLinks = computed<NavigationConfigWithGroups>(() => [
         to: { name: 'privacy' },
         type: 'link',
         external: false,
-        iconClass: 'i-carbon:security',
+        iconClass: 'i-lucide:shield-check',
       },
       {
         name: 'Accessibility',
diff --git a/app/components/Package/Dependencies.vue b/app/components/Package/Dependencies.vue
index ab6c4d8bc..829276215 100644
--- a/app/components/Package/Dependencies.vue
+++ b/app/components/Package/Dependencies.vue
@@ -110,7 +110,7 @@ const numberFormatter = useNumberFormatter()
               class="shrink-0"
               :class="SEVERITY_TEXT_COLORS[getHighestSeverity(getVulnerableDepInfo(dep)!.counts)]"
               :title="`${getVulnerableDepInfo(dep)!.counts.total} vulnerabilities`"
-              classicon="i-carbon:security"
+              classicon="i-lucide:shield-check"
             >
               <span class="sr-only">{{ $t('package.dependencies.view_vulnerabilities') }}</span>
             </LinkBase>

From 40a15629bf7d9c20115206ef6603cfe8a91c23a8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 02:53:46 +0100
Subject: [PATCH 32/85] replace sort arrows icon

---
 app/components/Package/ListToolbar.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/components/Package/ListToolbar.vue b/app/components/Package/ListToolbar.vue
index db1133814..8aad0a8e3 100644
--- a/app/components/Package/ListToolbar.vue
+++ b/app/components/Package/ListToolbar.vue
@@ -194,8 +194,8 @@ function getSortKeyLabelKey(key: SortKey): string {
               class="w-4 h-4 block transition-transform duration-200"
               :class="
                 currentSort.direction === 'asc'
-                  ? 'i-carbon:sort-ascending'
-                  : 'i-carbon:sort-descending'
+                  ? 'i-lucide:arrow-down-narrow-wide'
+                  : 'i-lucide:arrow-down-wide-narrow'
               "
               aria-hidden="true"
             />

From 4ba4a9957d192c204fbd406cbddfe739e2ce1aff Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 02:54:09 +0100
Subject: [PATCH 33/85] replace play icon

---
 app/components/Package/Playgrounds.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/components/Package/Playgrounds.vue b/app/components/Package/Playgrounds.vue
index 54c6682cb..a79488f1a 100644
--- a/app/components/Package/Playgrounds.vue
+++ b/app/components/Package/Playgrounds.vue
@@ -33,7 +33,7 @@ const providerColors: Record<string, string> = {
 }
 
 function getIcon(provider: string): string {
-  return providerIcons[provider] || 'i-carbon:play'
+  return providerIcons[provider] || 'i-lucide:play'
 }
 
 function getColor(provider: string): string {
@@ -145,7 +145,7 @@ function focusMenuItem(index: number) {
         @keydown="handleKeydown"
       >
         <span class="flex items-center gap-2">
-          <span class="i-carbon:play w-4 h-4 shrink-0 text-fg-muted" aria-hidden="true" />
+          <span class="i-lucide:play w-4 h-4 shrink-0 text-fg-muted" aria-hidden="true" />
           <span class="text-fg-muted"
             >{{ $t('package.playgrounds.choose') }} ({{ links.length }})</span
           >

From 953d65e7ed475d62773542ad0df91c0472dfdef9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 02:54:52 +0100
Subject: [PATCH 34/85] replace code file icon

---
 app/components/Package/SkillsModal.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/Package/SkillsModal.vue b/app/components/Package/SkillsModal.vue
index 18167873f..25f570131 100644
--- a/app/components/Package/SkillsModal.vue
+++ b/app/components/Package/SkillsModal.vue
@@ -193,7 +193,7 @@ function getWarningTooltip(skill: SkillListItem): string | undefined {
               <!-- File counts & warnings -->
               <div class="flex flex-wrap items-center gap-x-3 gap-y-1 text-xs">
                 <span v-if="skill.fileCounts?.scripts" class="text-fg-subtle">
-                  <span class="i-carbon:script size-3 align-[-2px] me-0.5" />{{
+                  <span class="i-lucide:file-code size-3 align-[-2px] me-0.5" />{{
                     $t(
                       'package.skills.file_counts.scripts',
                       { count: skill.fileCounts.scripts },

From 5a3d9c4a85a2b7d72fa109722bcc40094bfe7601 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 02:55:39 +0100
Subject: [PATCH 35/85] replace text file icon

---
 app/components/AppHeader.vue                                    | 2 +-
 app/components/Package/SkillsModal.vue                          | 2 +-
 app/components/Settings/TranslationHelper.vue                   | 2 +-
 .../[[org]]/[packageName]/v/[version]/[...filePath].vue         | 2 +-
 app/pages/package/[[org]]/[name].vue                            | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/components/AppHeader.vue b/app/components/AppHeader.vue
index 17e0d4323..fe4863199 100644
--- a/app/components/AppHeader.vue
+++ b/app/components/AppHeader.vue
@@ -89,7 +89,7 @@ const mobileLinks = computed<NavigationConfigWithGroups>(() => [
         target: '_blank',
         type: 'link',
         external: true,
-        iconClass: 'i-carbon:document',
+        iconClass: 'i-lucide:file-text',
       },
       {
         name: 'Source',
diff --git a/app/components/Package/SkillsModal.vue b/app/components/Package/SkillsModal.vue
index 25f570131..ab65c3764 100644
--- a/app/components/Package/SkillsModal.vue
+++ b/app/components/Package/SkillsModal.vue
@@ -202,7 +202,7 @@ function getWarningTooltip(skill: SkillListItem): string | undefined {
                   }}
                 </span>
                 <span v-if="skill.fileCounts?.references" class="text-fg-subtle">
-                  <span class="i-carbon:document size-3 align-[-2px] me-0.5" />{{
+                  <span class="i-lucide:file-text size-3 align-[-2px] me-0.5" />{{
                     $t(
                       'package.skills.file_counts.refs',
                       { count: skill.fileCounts.references },
diff --git a/app/components/Settings/TranslationHelper.vue b/app/components/Settings/TranslationHelper.vue
index 6690b21f2..a2e8a4feb 100644
--- a/app/components/Settings/TranslationHelper.vue
+++ b/app/components/Settings/TranslationHelper.vue
@@ -132,7 +132,7 @@ ${template}`
           rel="noopener noreferrer"
           class="inline-flex items-center gap-1.5 px-2.5 py-1.5 text-xs text-fg-muted hover:text-fg rounded transition-colors focus-visible:outline-accent/70"
         >
-          <span class="i-carbon:document w-3.5 h-3.5" aria-hidden="true" />
+          <span class="i-lucide:file-text w-3.5 h-3.5" aria-hidden="true" />
           {{ $t('i18n.view_guide') }}
         </a>
       </div>
diff --git a/app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue b/app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue
index 2b6be208d..4a20cc34c 100644
--- a/app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue
+++ b/app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue
@@ -486,7 +486,7 @@ defineOgImageComponent('Default', {
 
         <!-- File too large warning -->
         <div v-else-if="isViewingFile && isFileTooLarge" class="py-20 text-center">
-          <div class="i-carbon:document w-12 h-12 mx-auto text-fg-subtle mb-4" />
+          <div class="i-lucide:file-text w-12 h-12 mx-auto text-fg-subtle mb-4" />
           <p class="text-fg-muted mb-2">{{ $t('code.file_too_large') }}</p>
           <p class="text-fg-subtle text-sm mb-4">
             {{
diff --git a/app/pages/package/[[org]]/[name].vue b/app/pages/package/[[org]]/[name].vue
index ea4adab5d..a6bcdeb6a 100644
--- a/app/pages/package/[[org]]/[name].vue
+++ b/app/pages/package/[[org]]/[name].vue
@@ -760,7 +760,7 @@ const showSkeleton = shallowRef(false)
               v-if="docsLink"
               :to="docsLink"
               aria-keyshortcuts="d"
-              classicon="i-carbon:document"
+              classicon="i-lucide:file-text"
             >
               {{ $t('package.links.docs') }}
             </LinkBase>

From f4795d7e178e21cf8b330e553a6d3789ac6bd99c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 02:56:46 +0100
Subject: [PATCH 36/85] replace image icon

---
 app/components/Package/SkillsModal.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/Package/SkillsModal.vue b/app/components/Package/SkillsModal.vue
index ab65c3764..ff418c649 100644
--- a/app/components/Package/SkillsModal.vue
+++ b/app/components/Package/SkillsModal.vue
@@ -211,7 +211,7 @@ function getWarningTooltip(skill: SkillListItem): string | undefined {
                   }}
                 </span>
                 <span v-if="skill.fileCounts?.assets" class="text-fg-subtle">
-                  <span class="i-carbon:image size-3 align-[-2px] me-0.5" />{{
+                  <span class="i-lucide:image size-3 align-[-2px] me-0.5" />{{
                     $t(
                       'package.skills.file_counts.assets',
                       { count: skill.fileCounts.assets },

From 80aea0920aa3ad3cbc4d6e1943676ab3f7d26577 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 03:03:37 +0100
Subject: [PATCH 37/85] replace caret icon

---
 app/components/Package/Table.vue | 24 ++++++++++++++++++------
 1 file changed, 18 insertions(+), 6 deletions(-)

diff --git a/app/components/Package/Table.vue b/app/components/Package/Table.vue
index efc4cdf09..d71337514 100644
--- a/app/components/Package/Table.vue
+++ b/app/components/Package/Table.vue
@@ -139,11 +139,15 @@ function getColumnLabel(id: ColumnId): string {
               <template v-if="isSortable('name')">
                 <span
                   v-if="isColumnSorted('name')"
-                  class="i-carbon:caret-down w-3 h-3"
+                  class="i-lucide:chevron-down w-3 h-3"
                   :class="getSortDirection('name') === 'asc' ? 'rotate-180' : ''"
                   aria-hidden="true"
                 />
-                <span v-else class="i-carbon:caret-sort w-3 h-3 opacity-30" aria-hidden="true" />
+                <span
+                  v-else
+                  class="i-lucide:chevrons-up-down w-3 h-3 opacity-30"
+                  aria-hidden="true"
+                />
               </template>
             </span>
           </th>
@@ -189,11 +193,15 @@ function getColumnLabel(id: ColumnId): string {
               <template v-if="isSortable('downloads')">
                 <span
                   v-if="isColumnSorted('downloads')"
-                  class="i-carbon:caret-down w-3 h-3"
+                  class="i-lucide:caret-down w-3 h-3"
                   :class="getSortDirection('downloads') === 'asc' ? 'rotate-180' : ''"
                   aria-hidden="true"
                 />
-                <span v-else class="i-carbon:caret-sort w-3 h-3 opacity-30" aria-hidden="true" />
+                <span
+                  v-else
+                  class="i-lucide:chevrons-up-down w-3 h-3 opacity-30"
+                  aria-hidden="true"
+                />
               </template>
             </span>
           </th>
@@ -223,11 +231,15 @@ function getColumnLabel(id: ColumnId): string {
               <template v-if="isSortable('updated')">
                 <span
                   v-if="isColumnSorted('updated')"
-                  class="i-carbon:caret-down w-3 h-3"
+                  class="i-lucide:caret-down w-3 h-3"
                   :class="getSortDirection('updated') === 'asc' ? 'rotate-180' : ''"
                   aria-hidden="true"
                 />
-                <span v-else class="i-carbon:caret-sort w-3 h-3 opacity-30" aria-hidden="true" />
+                <span
+                  v-else
+                  class="i-lucide:chevrons-up-down w-3 h-3 opacity-30"
+                  aria-hidden="true"
+                />
               </template>
             </span>
           </th>

From f64c75d17a2e96434cadb8b9ce66ab89589bd17c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 03:06:51 +0100
Subject: [PATCH 38/85] replace calendar icon

---
 app/components/Package/TrendsChart.vue         | 4 ++--
 app/components/Package/VersionDistribution.vue | 4 ++--
 app/pages/recharging.vue                       | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/components/Package/TrendsChart.vue b/app/components/Package/TrendsChart.vue
index 85d6b63a4..a7d3fea4c 100644
--- a/app/components/Package/TrendsChart.vue
+++ b/app/components/Package/TrendsChart.vue
@@ -1481,7 +1481,7 @@ watch(selectedMetric, value => {
             </label>
             <div class="relative flex items-center">
               <span
-                class="absolute inset-is-2 i-carbon:calendar w-4 h-4 text-fg-subtle shrink-0 pointer-events-none"
+                class="absolute inset-is-2 i-lucide:calendar w-4 h-4 text-fg-subtle shrink-0 pointer-events-none"
                 aria-hidden="true"
               />
               <InputBase
@@ -1501,7 +1501,7 @@ watch(selectedMetric, value => {
             </label>
             <div class="relative flex items-center">
               <span
-                class="absolute inset-is-2 i-carbon:calendar w-4 h-4 text-fg-subtle shrink-0 pointer-events-none"
+                class="absolute inset-is-2 i-lucide:calendar w-4 h-4 text-fg-subtle shrink-0 pointer-events-none"
                 aria-hidden="true"
               />
               <InputBase
diff --git a/app/components/Package/VersionDistribution.vue b/app/components/Package/VersionDistribution.vue
index f8b752848..8544f814a 100644
--- a/app/components/Package/VersionDistribution.vue
+++ b/app/components/Package/VersionDistribution.vue
@@ -379,7 +379,7 @@ const endDate = computed(() => {
               </label>
               <div class="relative flex items-center">
                 <span
-                  class="absolute inset-is-2 i-carbon:calendar w-4 h-4 text-fg-subtle shrink-0 pointer-events-none"
+                  class="absolute inset-is-2 i-lucide:calendar w-4 h-4 text-fg-subtle shrink-0 pointer-events-none"
                   aria-hidden="true"
                 />
                 <InputBase
@@ -410,7 +410,7 @@ const endDate = computed(() => {
               </label>
               <div class="relative flex items-center">
                 <span
-                  class="absolute inset-is-2 i-carbon:calendar w-4 h-4 text-fg-subtle shrink-0 pointer-events-none"
+                  class="absolute inset-is-2 i-lucide:calendar w-4 h-4 text-fg-subtle shrink-0 pointer-events-none"
                   aria-hidden="true"
                 />
                 <InputBase
diff --git a/app/pages/recharging.vue b/app/pages/recharging.vue
index 96aeef175..9f283d310 100644
--- a/app/pages/recharging.vue
+++ b/app/pages/recharging.vue
@@ -240,7 +240,7 @@ function downloadIcs() {
           </p>
 
           <!-- Add to calendar button -->
-          <ButtonBase classicon="i-carbon:calendar" @click="downloadIcs">
+          <ButtonBase classicon="i-lucide:calendar" @click="downloadIcs">
             {{ $t('vacations.return.add_to_calendar') }}
           </ButtonBase>
         </div>

From 6ddd4f0ae1c9f4054eae2003d8968106b80f801c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 03:07:38 +0100
Subject: [PATCH 39/85] replace reset icon

---
 app/components/Package/TrendsChart.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/Package/TrendsChart.vue b/app/components/Package/TrendsChart.vue
index a7d3fea4c..7ccac2de2 100644
--- a/app/components/Package/TrendsChart.vue
+++ b/app/components/Package/TrendsChart.vue
@@ -1523,7 +1523,7 @@ watch(selectedMetric, value => {
           class="self-end flex items-center justify-center px-2.5 py-1.75 border border-transparent rounded-md text-fg-subtle hover:text-fg transition-colors hover:border-border focus-visible:outline-accent/70 sm:mb-0"
           @click="resetDateRange"
         >
-          <span class="i-carbon:reset w-5 h-5" aria-hidden="true" />
+          <span class="i-lucide:undo-2 w-5 h-5" aria-hidden="true" />
         </button>
       </div>
     </div>

From c94d59990a38d14c337243efc448f94bfb022c59 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 03:08:25 +0100
Subject: [PATCH 40/85] replace overflow vertical icon

---
 app/components/Package/TrendsChart.vue         | 2 +-
 app/components/Package/VersionDistribution.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/components/Package/TrendsChart.vue b/app/components/Package/TrendsChart.vue
index 7ccac2de2..57bd42bc1 100644
--- a/app/components/Package/TrendsChart.vue
+++ b/app/components/Package/TrendsChart.vue
@@ -1653,7 +1653,7 @@ watch(selectedMetric, value => {
 
             <template #menuIcon="{ isOpen }">
               <span v-if="isOpen" class="i-lucide:circle-x w-6 h-6" aria-hidden="true" />
-              <span v-else class="i-carbon:overflow-menu-vertical w-6 h-6" aria-hidden="true" />
+              <span v-else class="i-lucide:ellipsis-vertical w-6 h-6" aria-hidden="true" />
             </template>
             <template #optionCsv>
               <span
diff --git a/app/components/Package/VersionDistribution.vue b/app/components/Package/VersionDistribution.vue
index 8544f814a..681510bd5 100644
--- a/app/components/Package/VersionDistribution.vue
+++ b/app/components/Package/VersionDistribution.vue
@@ -515,7 +515,7 @@ const endDate = computed(() => {
             <!-- Contextual menu icon -->
             <template #menuIcon="{ isOpen }">
               <span v-if="isOpen" class="i-lucide:circle-x w-6 h-6" aria-hidden="true" />
-              <span v-else class="i-carbon:overflow-menu-vertical w-6 h-6" aria-hidden="true" />
+              <span v-else class="i-lucide:ellipsis-vertical w-6 h-6" aria-hidden="true" />
             </template>
 
             <!-- Export options -->

From a655a85e968472affe56ab58a8a74ac0264730ea Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 03:12:39 +0100
Subject: [PATCH 41/85] replace file format  icons with text

---
 app/components/Package/TrendsChart.vue        | 18 +++------------
 .../Package/VersionDistribution.vue           | 22 ++++---------------
 2 files changed, 7 insertions(+), 33 deletions(-)

diff --git a/app/components/Package/TrendsChart.vue b/app/components/Package/TrendsChart.vue
index 57bd42bc1..bda9a6167 100644
--- a/app/components/Package/TrendsChart.vue
+++ b/app/components/Package/TrendsChart.vue
@@ -1656,25 +1656,13 @@ watch(selectedMetric, value => {
               <span v-else class="i-lucide:ellipsis-vertical w-6 h-6" aria-hidden="true" />
             </template>
             <template #optionCsv>
-              <span
-                class="i-carbon:csv w-6 h-6 text-fg-subtle"
-                style="pointer-events: none"
-                aria-hidden="true"
-              />
+              <span class="text-fg-subtle font-mono pointer-events-none">CSV</span>
             </template>
             <template #optionImg>
-              <span
-                class="i-carbon:png w-6 h-6 text-fg-subtle"
-                style="pointer-events: none"
-                aria-hidden="true"
-              />
+              <span class="text-fg-subtle font-mono pointer-events-none">PNG</span>
             </template>
             <template #optionSvg>
-              <span
-                class="i-carbon:svg w-6 h-6 text-fg-subtle"
-                style="pointer-events: none"
-                aria-hidden="true"
-              />
+              <span class="text-fg-subtle font-mono pointer-events-none">SVG</span>
             </template>
 
             <template #annotator-action-close>
diff --git a/app/components/Package/VersionDistribution.vue b/app/components/Package/VersionDistribution.vue
index 681510bd5..cb565d910 100644
--- a/app/components/Package/VersionDistribution.vue
+++ b/app/components/Package/VersionDistribution.vue
@@ -519,28 +519,14 @@ const endDate = computed(() => {
             </template>
 
             <!-- Export options -->
-            <template #optionCsv>
-              <span
-                class="i-carbon:csv w-6 h-6 text-fg-subtle"
-                style="pointer-events: none"
-                aria-hidden="true"
-              />
+             <template #optionCsv>
+              <span class="text-fg-subtle font-mono pointer-events-none">CSV</span>
             </template>
-
             <template #optionImg>
-              <span
-                class="i-carbon:png w-6 h-6 text-fg-subtle"
-                style="pointer-events: none"
-                aria-hidden="true"
-              />
+              <span class="text-fg-subtle font-mono pointer-events-none">PNG</span>
             </template>
-
             <template #optionSvg>
-              <span
-                class="i-carbon:svg w-6 h-6 text-fg-subtle"
-                style="pointer-events: none"
-                aria-hidden="true"
-              />
+              <span class="text-fg-subtle font-mono pointer-events-none">SVG</span>
             </template>
 
             <!-- Annotator action icons -->

From 403735351252e14408649c3e104c2e9da99415a2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 03:13:27 +0100
Subject: [PATCH 42/85] replace palette icon

---
 app/components/Package/TrendsChart.vue         | 2 +-
 app/components/Package/VersionDistribution.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/components/Package/TrendsChart.vue b/app/components/Package/TrendsChart.vue
index bda9a6167..449aed79f 100644
--- a/app/components/Package/TrendsChart.vue
+++ b/app/components/Package/TrendsChart.vue
@@ -1673,7 +1673,7 @@ watch(selectedMetric, value => {
               />
             </template>
             <template #annotator-action-color="{ color }">
-              <span class="i-carbon:color-palette w-6 h-6" :style="{ color }" aria-hidden="true" />
+              <span class="i-lucide:palette w-6 h-6" :style="{ color }" aria-hidden="true" />
             </template>
             <template #annotator-action-undo>
               <span
diff --git a/app/components/Package/VersionDistribution.vue b/app/components/Package/VersionDistribution.vue
index cb565d910..56502dd8c 100644
--- a/app/components/Package/VersionDistribution.vue
+++ b/app/components/Package/VersionDistribution.vue
@@ -539,7 +539,7 @@ const endDate = computed(() => {
             </template>
 
             <template #annotator-action-color="{ color }">
-              <span class="i-carbon:color-palette w-6 h-6" :style="{ color }" aria-hidden="true" />
+              <span class="i-lucide:palette w-6 h-6" :style="{ color }" aria-hidden="true" />
             </template>
 
             <template #annotator-action-undo>

From fef1d08f8ef20b063f7d7626b6a8d3690ab6fb68 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 03:14:51 +0100
Subject: [PATCH 43/85] replace undo icon

---
 app/components/Package/TrendsChart.vue         | 2 +-
 app/components/Package/VersionDistribution.vue | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/components/Package/TrendsChart.vue b/app/components/Package/TrendsChart.vue
index 449aed79f..77561bb7a 100644
--- a/app/components/Package/TrendsChart.vue
+++ b/app/components/Package/TrendsChart.vue
@@ -1677,7 +1677,7 @@ watch(selectedMetric, value => {
             </template>
             <template #annotator-action-undo>
               <span
-                class="i-carbon:undo w-6 h-6 text-fg-subtle"
+                class="i-lucide:undo-2 w-6 h-6 text-fg-subtle"
                 style="pointer-events: none"
                 aria-hidden="true"
               />
diff --git a/app/components/Package/VersionDistribution.vue b/app/components/Package/VersionDistribution.vue
index 56502dd8c..37c9dd6d4 100644
--- a/app/components/Package/VersionDistribution.vue
+++ b/app/components/Package/VersionDistribution.vue
@@ -519,7 +519,7 @@ const endDate = computed(() => {
             </template>
 
             <!-- Export options -->
-             <template #optionCsv>
+            <template #optionCsv>
               <span class="text-fg-subtle font-mono pointer-events-none">CSV</span>
             </template>
             <template #optionImg>
@@ -544,7 +544,7 @@ const endDate = computed(() => {
 
             <template #annotator-action-undo>
               <span
-                class="i-carbon:undo w-6 h-6 text-fg-subtle"
+                class="i-lucide:undo-2 w-6 h-6 text-fg-subtle"
                 style="pointer-events: none"
                 aria-hidden="true"
               />

From 13a8119c631a4fe57e8f4e4306061abb3743bb7a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 03:15:08 +0100
Subject: [PATCH 44/85] replace redo icon

---
 app/components/Package/TrendsChart.vue         | 2 +-
 app/components/Package/VersionDistribution.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/components/Package/TrendsChart.vue b/app/components/Package/TrendsChart.vue
index 77561bb7a..bdc6479ef 100644
--- a/app/components/Package/TrendsChart.vue
+++ b/app/components/Package/TrendsChart.vue
@@ -1684,7 +1684,7 @@ watch(selectedMetric, value => {
             </template>
             <template #annotator-action-redo>
               <span
-                class="i-carbon:redo w-6 h-6 text-fg-subtle"
+                class="i-lucide:redo-2 w-6 h-6 text-fg-subtle"
                 style="pointer-events: none"
                 aria-hidden="true"
               />
diff --git a/app/components/Package/VersionDistribution.vue b/app/components/Package/VersionDistribution.vue
index 37c9dd6d4..476ac2b74 100644
--- a/app/components/Package/VersionDistribution.vue
+++ b/app/components/Package/VersionDistribution.vue
@@ -552,7 +552,7 @@ const endDate = computed(() => {
 
             <template #annotator-action-redo>
               <span
-                class="i-carbon:redo w-6 h-6 text-fg-subtle"
+                class="i-lucide:redo-2 w-6 h-6 text-fg-subtle"
                 style="pointer-events: none"
                 aria-hidden="true"
               />

From 1556b485d18259ffc047b2ddf00071415f0d78f2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 03:15:51 +0100
Subject: [PATCH 45/85] replace edit off icon

---
 app/components/Package/TrendsChart.vue         | 4 ++--
 app/components/Package/VersionDistribution.vue | 4 ++--
 app/components/Settings/TranslationHelper.vue  | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/components/Package/TrendsChart.vue b/app/components/Package/TrendsChart.vue
index bdc6479ef..79b5bb6fb 100644
--- a/app/components/Package/TrendsChart.vue
+++ b/app/components/Package/TrendsChart.vue
@@ -1699,13 +1699,13 @@ watch(selectedMetric, value => {
             <template #optionAnnotator="{ isAnnotator }">
               <span
                 v-if="isAnnotator"
-                class="i-carbon:edit-off w-6 h-6 text-fg-subtle"
+                class="i-lucide:pen-off w-6 h-6 text-fg-subtle"
                 style="pointer-events: none"
                 aria-hidden="true"
               />
               <span
                 v-else
-                class="i-carbon:edit w-6 h-6 text-fg-subtle"
+                class="i-lucide:pen w-6 h-6 text-fg-subtle"
                 style="pointer-events: none"
                 aria-hidden="true"
               />
diff --git a/app/components/Package/VersionDistribution.vue b/app/components/Package/VersionDistribution.vue
index 476ac2b74..68122f527 100644
--- a/app/components/Package/VersionDistribution.vue
+++ b/app/components/Package/VersionDistribution.vue
@@ -569,13 +569,13 @@ const endDate = computed(() => {
             <template #optionAnnotator="{ isAnnotator }">
               <span
                 v-if="isAnnotator"
-                class="i-carbon:edit-off w-6 h-6 text-fg-subtle"
+                class="i-lucide:pen-off w-6 h-6 text-fg-subtle"
                 style="pointer-events: none"
                 aria-hidden="true"
               />
               <span
                 v-else
-                class="i-carbon:edit w-6 h-6 text-fg-subtle"
+                class="i-lucide:pen w-6 h-6 text-fg-subtle"
                 style="pointer-events: none"
                 aria-hidden="true"
               />
diff --git a/app/components/Settings/TranslationHelper.vue b/app/components/Settings/TranslationHelper.vue
index a2e8a4feb..e386f5c14 100644
--- a/app/components/Settings/TranslationHelper.vue
+++ b/app/components/Settings/TranslationHelper.vue
@@ -122,7 +122,7 @@ ${template}`
           rel="noopener noreferrer"
           class="inline-flex items-center gap-1.5 px-2.5 py-1.5 text-xs bg-bg hover:bg-bg-subtle border border-border rounded-md transition-colors focus-visible:outline-accent/70"
         >
-          <span class="i-carbon:edit w-3.5 h-3.5" aria-hidden="true" />
+          <span class="i-lucide:pen w-3.5 h-3.5" aria-hidden="true" />
           {{ $t('i18n.edit_on_github') }}
         </a>
 

From 1b7f0e4b0c6a442dafd83bf42c69f70a7b7939bd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 03:19:46 +0100
Subject: [PATCH 46/85] replace data icon

---
 app/components/Package/VersionDistribution.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/Package/VersionDistribution.vue b/app/components/Package/VersionDistribution.vue
index 68122f527..1ab605cce 100644
--- a/app/components/Package/VersionDistribution.vue
+++ b/app/components/Package/VersionDistribution.vue
@@ -591,7 +591,7 @@ const endDate = computed(() => {
       <!-- No-data state -->
       <div v-if="!hasData && !pending && !error" class="flex items-center justify-center h-full">
         <div class="text-sm text-fg-subtle font-mono text-center flex flex-col items-center gap-2">
-          <span class="i-carbon:data-vis-4 w-8 h-8" />
+          <span class="i-lucide:database w-8 h-8" />
           <p>{{ $t('package.trends.no_data') }}</p>
         </div>
       </div>

From c3415469d19cfaa65fab097836e99bcf5552940f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 03:21:28 +0100
Subject: [PATCH 47/85] replace versions icon

---
 app/components/Package/Versions.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/Package/Versions.vue b/app/components/Package/Versions.vue
index eb049aa92..b18d1129a 100644
--- a/app/components/Package/Versions.vue
+++ b/app/components/Package/Versions.vue
@@ -411,7 +411,7 @@ function majorGroupContainsCurrent(group: (typeof otherMajorGroups.value)[0]): b
         variant="secondary"
         class="text-fg-subtle hover:text-fg transition-colors min-w-6 min-h-6 -m-1 p-1 rounded"
         :title="$t('package.downloads.community_distribution')"
-        classicon="i-carbon:load-balancer-network"
+        classicon="i-lucide:file-stack"
         @click="openDistributionModal"
       >
         <span class="sr-only">{{ $t('package.downloads.community_distribution') }}</span>

From 852f032aac02db9407b60fa36e82bcc55db92b52 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 03:22:31 +0100
Subject: [PATCH 48/85] replace chart icon

---
 app/components/Package/WeeklyDownloadStats.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/Package/WeeklyDownloadStats.vue b/app/components/Package/WeeklyDownloadStats.vue
index dfe7da4f6..c8f591e1f 100644
--- a/app/components/Package/WeeklyDownloadStats.vue
+++ b/app/components/Package/WeeklyDownloadStats.vue
@@ -256,7 +256,7 @@ const config = computed(() => {
           @click="openChartModal"
           class="text-fg-subtle hover:text-fg transition-colors duration-200 inline-flex items-center justify-center min-w-6 min-h-6 -m-1 p-1 focus-visible:outline-accent/70 rounded"
           :title="$t('package.downloads.analyze')"
-          classicon="i-carbon:data-analytics"
+          classicon="i-lucide:chart-line"
         >
           <span class="sr-only">{{ $t('package.downloads.analyze') }}</span>
         </ButtonBase>

From 45fee3acf0b885e09fb33a3ee2c2912ed63aa9d7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 03:23:17 +0100
Subject: [PATCH 49/85] replace error icon

---
 app/components/Settings/AccentColorPicker.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/Settings/AccentColorPicker.vue b/app/components/Settings/AccentColorPicker.vue
index 387062721..39003365a 100644
--- a/app/components/Settings/AccentColorPicker.vue
+++ b/app/components/Settings/AccentColorPicker.vue
@@ -55,7 +55,7 @@ onPrehydrate(el => {
         :aria-label="$t('settings.clear_accent')"
         @change="setAccentColor(null)"
       />
-      <span class="i-carbon:error size-4 text-bg" aria-hidden="true" />
+      <span class="i-lucide:ban size-4 text-bg" aria-hidden="true" />
     </label>
   </fieldset>
 </template>

From 7b61c994156e442df5f5ffc53eae9d042df62f9e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 03:24:59 +0100
Subject: [PATCH 50/85] replace compare icon

---
 app/components/AppHeader.vue         | 2 +-
 app/pages/compare.vue                | 5 ++++-
 app/pages/package/[[org]]/[name].vue | 2 +-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/app/components/AppHeader.vue b/app/components/AppHeader.vue
index fe4863199..adc7f99ad 100644
--- a/app/components/AppHeader.vue
+++ b/app/components/AppHeader.vue
@@ -22,7 +22,7 @@ const desktopLinks = computed<NavigationConfig>(() => [
     keyshortcut: 'c',
     type: 'link',
     external: false,
-    iconClass: 'i-carbon:compare',
+    iconClass: 'i-lucide:git-compare',
   },
   {
     name: 'Settings',
diff --git a/app/pages/compare.vue b/app/pages/compare.vue
index 2eacdade1..9f7d7e5a7 100644
--- a/app/pages/compare.vue
+++ b/app/pages/compare.vue
@@ -257,7 +257,10 @@ useSeoMeta({
         v-else
         class="text-center px-1.5 py-16 border border-dashed border-border-hover rounded-lg"
       >
-        <div class="i-carbon:compare w-12 h-12 text-fg-subtle mx-auto mb-4" aria-hidden="true" />
+        <div
+          class="i-lucide:git-compare w-12 h-12 text-fg-subtle mx-auto mb-4"
+          aria-hidden="true"
+        />
         <h2 class="font-mono text-lg text-fg-muted mb-2">
           {{ $t('compare.packages.empty_title') }}
         </h2>
diff --git a/app/pages/package/[[org]]/[name].vue b/app/pages/package/[[org]]/[name].vue
index a6bcdeb6a..25de34c25 100644
--- a/app/pages/package/[[org]]/[name].vue
+++ b/app/pages/package/[[org]]/[name].vue
@@ -777,7 +777,7 @@ const showSkeleton = shallowRef(false)
               variant="button-secondary"
               :to="{ name: 'compare', query: { packages: pkg.name } }"
               aria-keyshortcuts="c"
-              classicon="i-carbon:compare"
+              classicon="i-lucide:git-compare"
             >
               {{ $t('package.links.compare') }}
             </LinkBase>

From 8e0e09b0936586d35565d304b67d5450ff186c7a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 03:25:41 +0100
Subject: [PATCH 51/85] replace settings icon

---
 app/components/AppHeader.vue                   | 2 +-
 app/components/SearchProviderToggle.client.vue | 2 +-
 app/components/SearchProviderToggle.server.vue | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/components/AppHeader.vue b/app/components/AppHeader.vue
index adc7f99ad..a3c3a505a 100644
--- a/app/components/AppHeader.vue
+++ b/app/components/AppHeader.vue
@@ -31,7 +31,7 @@ const desktopLinks = computed<NavigationConfig>(() => [
     keyshortcut: ',',
     type: 'link',
     external: false,
-    iconClass: 'i-carbon:settings',
+    iconClass: 'i-lucide:settings',
   },
 ])
 
diff --git a/app/components/SearchProviderToggle.client.vue b/app/components/SearchProviderToggle.client.vue
index d3d5c9eb5..87488d723 100644
--- a/app/components/SearchProviderToggle.client.vue
+++ b/app/components/SearchProviderToggle.client.vue
@@ -30,7 +30,7 @@ useEventListener('keydown', event => {
       aria-haspopup="true"
       size="small"
       class="border-none w-8 h-8 !px-0 justify-center"
-      classicon="i-carbon:settings"
+      classicon="i-lucide:settings"
       @click="isOpen = !isOpen"
     />
 
diff --git a/app/components/SearchProviderToggle.server.vue b/app/components/SearchProviderToggle.server.vue
index 0cb00326c..ef0f6b85b 100644
--- a/app/components/SearchProviderToggle.server.vue
+++ b/app/components/SearchProviderToggle.server.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="relative">
     <div class="flex items-center justify-center w-8 h-8 rounded-md text-fg-subtle">
-      <span class="i-carbon:settings w-4 h-4" aria-hidden="true" />
+      <span class="i-lucide:settings w-4 h-4" aria-hidden="true" />
     </div>
   </div>
 </template>

From 13a80d16701d9890b5bb94b34983991558bb3e08 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 03:26:48 +0100
Subject: [PATCH 52/85] replace accessibility icon

---
 app/components/AppHeader.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/AppHeader.vue b/app/components/AppHeader.vue
index a3c3a505a..3c5a2964d 100644
--- a/app/components/AppHeader.vue
+++ b/app/components/AppHeader.vue
@@ -70,7 +70,7 @@ const mobileLinks = computed<NavigationConfigWithGroups>(() => [
         to: { name: 'accessibility' },
         type: 'link',
         external: false,
-        iconClass: 'i-carbon:accessibility-alt',
+        iconClass: 'i-lucide:person-standing',
       },
     ],
   },

From 6b890c347bf4ed7e0c807b3f75abf74e1db74590 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 03:27:54 +0100
Subject: [PATCH 53/85] replace github icon

---
 app/components/AppHeader.vue         | 2 +-
 app/components/CallToAction.vue      | 2 +-
 app/pages/package/[[org]]/[name].vue | 4 ++--
 app/pages/settings.vue               | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/components/AppHeader.vue b/app/components/AppHeader.vue
index 3c5a2964d..4245f5f20 100644
--- a/app/components/AppHeader.vue
+++ b/app/components/AppHeader.vue
@@ -98,7 +98,7 @@ const mobileLinks = computed<NavigationConfigWithGroups>(() => [
         target: '_blank',
         type: 'link',
         external: true,
-        iconClass: 'i-carbon:logo-github',
+        iconClass: 'i-simple-icons:github',
       },
       {
         name: 'Social',
diff --git a/app/components/CallToAction.vue b/app/components/CallToAction.vue
index c98ea387d..e8526cd9e 100644
--- a/app/components/CallToAction.vue
+++ b/app/components/CallToAction.vue
@@ -3,7 +3,7 @@ const socialLinks = computed(() => [
   {
     id: 'github',
     href: 'https://repo.npmx.dev',
-    icon: 'i-carbon:logo-github',
+    icon: 'i-simple-icons:github',
     titleKey: $t('about.get_involved.contribute.title'),
     descriptionKey: $t('about.get_involved.contribute.description'),
     ctaKey: $t('about.get_involved.contribute.cta'),
diff --git a/app/pages/package/[[org]]/[name].vue b/app/pages/package/[[org]]/[name].vue
index 25de34c25..3f3e0869d 100644
--- a/app/pages/package/[[org]]/[name].vue
+++ b/app/pages/package/[[org]]/[name].vue
@@ -395,7 +395,7 @@ const repositoryUrl = computed(() => {
 const { meta: repoMeta, repoRef, stars, starsLink, forks, forksLink } = useRepoMeta(repositoryUrl)
 
 const PROVIDER_ICONS: Record<string, string> = {
-  github: 'i-carbon:logo-github',
+  github: 'i-simple-icons:github',
   gitlab: 'i-simple-icons:gitlab',
   bitbucket: 'i-simple-icons:bitbucket',
   codeberg: 'i-simple-icons:codeberg',
@@ -409,7 +409,7 @@ const PROVIDER_ICONS: Record<string, string> = {
 
 const repoProviderIcon = computed(() => {
   const provider = repoRef.value?.provider
-  if (!provider) return 'i-carbon:logo-github'
+  if (!provider) return 'i-simple-icons:github'
   return PROVIDER_ICONS[provider] ?? 'i-lucide:code'
 })
 
diff --git a/app/pages/settings.vue b/app/pages/settings.vue
index 27f2d4289..0b44449fd 100644
--- a/app/pages/settings.vue
+++ b/app/pages/settings.vue
@@ -254,7 +254,7 @@ const setLocale: typeof setNuxti18nLocale = locale => {
                 rel="noopener noreferrer"
                 class="inline-flex items-center gap-2 text-sm text-fg-muted hover:text-fg transition-colors duration-200 focus-visible:outline-accent/70 rounded"
               >
-                <span class="i-carbon:logo-github w-4 h-4" aria-hidden="true" />
+                <span class="i-simple-icons:github w-4 h-4" aria-hidden="true" />
                 {{ $t('settings.help_translate') }}
               </a>
             </template>

From dea05c4e8e356f982d5ca524991594b15c75f82d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 03:29:15 +0100
Subject: [PATCH 54/85] replace bluesky icon

---
 app/components/AppHeader.vue               | 2 +-
 app/components/BlueskyPostEmbed.client.vue | 2 +-
 app/components/CallToAction.vue            | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/components/AppHeader.vue b/app/components/AppHeader.vue
index 4245f5f20..3a07dca22 100644
--- a/app/components/AppHeader.vue
+++ b/app/components/AppHeader.vue
@@ -116,7 +116,7 @@ const mobileLinks = computed<NavigationConfigWithGroups>(() => [
         target: '_blank',
         type: 'link',
         external: true,
-        iconClass: 'i-carbon:chat',
+        iconClass: 'i-lucide:message-circle',
       },
     ],
   },
diff --git a/app/components/BlueskyPostEmbed.client.vue b/app/components/BlueskyPostEmbed.client.vue
index e6f8284cd..6c020e07d 100644
--- a/app/components/BlueskyPostEmbed.client.vue
+++ b/app/components/BlueskyPostEmbed.client.vue
@@ -120,7 +120,7 @@ const { data: post, status } = useAsyncData(
         {{ post.repostCount }}
       </span>
       <span v-if="post.replyCount" class="flex items-center gap-1">
-        <span class="i-carbon:chat w-3.5 h-3.5" aria-hidden="true" />
+        <span class="i-lucide:message-circle w-3.5 h-3.5" aria-hidden="true" />
         {{ post.replyCount }}
       </span>
     </div>
diff --git a/app/components/CallToAction.vue b/app/components/CallToAction.vue
index e8526cd9e..81f01c690 100644
--- a/app/components/CallToAction.vue
+++ b/app/components/CallToAction.vue
@@ -11,7 +11,7 @@ const socialLinks = computed(() => [
   {
     id: 'discord',
     href: 'https://chat.npmx.dev',
-    icon: 'i-carbon:chat',
+    icon: 'i-lucide:message-circle',
     titleKey: $t('about.get_involved.community.title'),
     descriptionKey: $t('about.get_involved.community.description'),
     ctaKey: $t('about.get_involved.community.cta'),

From 5972e16b8bb2c135a302cd463a16c8e72ad02e75 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 03:29:37 +0100
Subject: [PATCH 55/85] replace menu icon

---
 app/components/AppHeader.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/AppHeader.vue b/app/components/AppHeader.vue
index 3a07dca22..cf8ad157a 100644
--- a/app/components/AppHeader.vue
+++ b/app/components/AppHeader.vue
@@ -297,7 +297,7 @@ onKeyStroke(
         :aria-label="$t('nav.open_menu')"
         :aria-expanded="showMobileMenu"
         @click="showMobileMenu = !showMobileMenu"
-        classicon="i-carbon:menu"
+        classicon="i-lucide:menu"
       />
     </nav>
 

From 2a5855821596d483b3e2d475be3225cd986681a6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 03:30:32 +0100
Subject: [PATCH 56/85] replace favorite icon

---
 app/components/BlueskyPostEmbed.client.vue | 2 +-
 app/pages/about.vue                        | 2 +-
 app/pages/package/[[org]]/[name].vue       | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/components/BlueskyPostEmbed.client.vue b/app/components/BlueskyPostEmbed.client.vue
index 6c020e07d..42e7eb85c 100644
--- a/app/components/BlueskyPostEmbed.client.vue
+++ b/app/components/BlueskyPostEmbed.client.vue
@@ -112,7 +112,7 @@ const { data: post, status } = useAsyncData(
     <div class="flex items-center gap-4 text-sm text-fg-subtle">
       <DateTime :datetime="post.record.createdAt" date-style="medium" />
       <span v-if="post.likeCount" class="flex items-center gap-1">
-        <span class="i-carbon:favorite w-3.5 h-3.5" aria-hidden="true" />
+        <span class="i-lucide:heart w-3.5 h-3.5" aria-hidden="true" />
         {{ post.likeCount }}
       </span>
       <span v-if="post.repostCount" class="flex items-center gap-1">
diff --git a/app/pages/about.vue b/app/pages/about.vue
index 33d0e5d4f..0436f30ba 100644
--- a/app/pages/about.vue
+++ b/app/pages/about.vue
@@ -207,7 +207,7 @@ const roleLabels = computed(
                     :to="person.sponsors_url"
                     no-underline
                     no-external-icon
-                    classicon="i-carbon:favorite"
+                    classicon="i-lucide:heart"
                     class="relative z-10 text-xs text-fg-muted hover:text-pink-400 mt-0.5"
                     :aria-label="$t('about.team.sponsor_aria', { name: person.login })"
                   >
diff --git a/app/pages/package/[[org]]/[name].vue b/app/pages/package/[[org]]/[name].vue
index 3f3e0869d..fae95a3b8 100644
--- a/app/pages/package/[[org]]/[name].vue
+++ b/app/pages/package/[[org]]/[name].vue
@@ -901,7 +901,7 @@ const showSkeleton = shallowRef(false)
               </LinkBase>
             </li>
             <li v-if="fundingUrl">
-              <LinkBase :to="fundingUrl" classicon="i-carbon:favorite">
+              <LinkBase :to="fundingUrl" classicon="i-lucide:heart">
                 {{ $t('package.links.fund') }}
               </LinkBase>
             </li>

From fbff66b70512f073cc2ad67c29d472cb7306bf84 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 03:32:34 +0100
Subject: [PATCH 57/85] replace repeat icon

---
 app/components/BlueskyPostEmbed.client.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/BlueskyPostEmbed.client.vue b/app/components/BlueskyPostEmbed.client.vue
index 42e7eb85c..ed253b8cf 100644
--- a/app/components/BlueskyPostEmbed.client.vue
+++ b/app/components/BlueskyPostEmbed.client.vue
@@ -116,7 +116,7 @@ const { data: post, status } = useAsyncData(
         {{ post.likeCount }}
       </span>
       <span v-if="post.repostCount" class="flex items-center gap-1">
-        <span class="i-carbon:repeat w-3.5 h-3.5" aria-hidden="true" />
+        <span class="i-lucide:repeat w-3.5 h-3.5" aria-hidden="true" />
         {{ post.repostCount }}
       </span>
       <span v-if="post.replyCount" class="flex items-center gap-1">

From 0d8af0e5974ddb5261f6eed88dfe76a905a3a699 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 03:33:34 +0100
Subject: [PATCH 58/85] replace column picker icon

---
 app/components/ColumnPicker.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/ColumnPicker.vue b/app/components/ColumnPicker.vue
index ac0e8e7f2..7dfe611c1 100644
--- a/app/components/ColumnPicker.vue
+++ b/app/components/ColumnPicker.vue
@@ -75,7 +75,7 @@ function handleReset() {
       aria-haspopup="true"
       :aria-controls="menuId"
       @click.stop="isOpen = !isOpen"
-      classicon="i-carbon:column"
+      classicon="i-lucide:columns-3-cog"
     >
       {{ $t('filters.columns.title') }}
     </ButtonBase>

From 1cba4f8014b1009b04b765ae9e369fe038406cc0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 03:38:37 +0100
Subject: [PATCH 59/85] replace dependency icon

---
 app/components/DependencyPathPopup.vue | 2 +-
 app/pages/package/[[org]]/[name].vue   | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/components/DependencyPathPopup.vue b/app/components/DependencyPathPopup.vue
index 48722886d..9d0f40ba4 100644
--- a/app/components/DependencyPathPopup.vue
+++ b/app/components/DependencyPathPopup.vue
@@ -72,7 +72,7 @@ function parsePackageString(pkg: string): { name: string; version: string } {
       :aria-expanded="isOpen"
       @click.stop="togglePopup"
     >
-      <span class="i-carbon:tree-view w-3 h-3" aria-hidden="true" />
+      <span class="i-lucide:network w-3 h-3" aria-hidden="true" />
       <span>{{ $t('package.vulnerabilities.path') }}</span>
     </button>
 
diff --git a/app/pages/package/[[org]]/[name].vue b/app/pages/package/[[org]]/[name].vue
index fae95a3b8..a06803cd7 100644
--- a/app/pages/package/[[org]]/[name].vue
+++ b/app/pages/package/[[org]]/[name].vue
@@ -983,7 +983,7 @@ const showSkeleton = shallowRef(false)
                   size="small"
                   :to="`https://npmgraph.js.org/?q=${pkg.name}`"
                   :title="$t('package.stats.view_dependency_graph')"
-                  classicon="i-carbon:network-3"
+                  classicon="i-lucide:network -rotate-90"
                 >
                   <span class="sr-only">{{ $t('package.stats.view_dependency_graph') }}</span>
                 </LinkBase>
@@ -993,7 +993,7 @@ const showSkeleton = shallowRef(false)
                   size="small"
                   :to="`https://node-modules.dev/grid/depth#install=${pkg.name}${resolvedVersion ? `@${resolvedVersion}` : ''}`"
                   :title="$t('package.stats.inspect_dependency_tree')"
-                  classicon="i-carbon:tree-view"
+                  classicon="i-lucide:table"
                 >
                   <span class="sr-only">{{ $t('package.stats.inspect_dependency_tree') }}</span>
                 </LinkBase>

From 086146c2406dd8f60a7845a15d6f0049b7ed4ea0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 03:39:22 +0100
Subject: [PATCH 60/85] replace scale icon

---
 app/components/LicenseDisplay.vue           | 2 +-
 test/nuxt/components/LicenseDisplay.spec.ts | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/components/LicenseDisplay.vue b/app/components/LicenseDisplay.vue
index a29794319..c83cb46d3 100644
--- a/app/components/LicenseDisplay.vue
+++ b/app/components/LicenseDisplay.vue
@@ -28,7 +28,7 @@ const hasAnyValidLicense = computed(() => tokens.value.some(t => t.type === 'lic
     </template>
     <span
       v-if="hasAnyValidLicense"
-      class="i-carbon:scales w-3.5 h-3.5 text-fg-subtle flex-shrink-0 self-center"
+      class="i-lucide:scale w-3.5 h-3.5 text-fg-subtle flex-shrink-0 self-center"
       aria-hidden="true"
     />
   </span>
diff --git a/test/nuxt/components/LicenseDisplay.spec.ts b/test/nuxt/components/LicenseDisplay.spec.ts
index 793907f06..d94202e9b 100644
--- a/test/nuxt/components/LicenseDisplay.spec.ts
+++ b/test/nuxt/components/LicenseDisplay.spec.ts
@@ -27,7 +27,7 @@ describe('LicenseDisplay', () => {
       const component = await mountSuspended(LicenseDisplay, {
         props: { license: 'MIT' },
       })
-      const icon = component.find('.i-carbon:scales')
+      const icon = component.find('.i-lucide:scale')
       expect(icon.exists()).toBe(true)
     })
 
@@ -35,7 +35,7 @@ describe('LicenseDisplay', () => {
       const component = await mountSuspended(LicenseDisplay, {
         props: { license: 'CustomLicense' },
       })
-      const icon = component.find('.i-carbon:scales')
+      const icon = component.find('.i-lucide:scale')
       expect(icon.exists()).toBe(false)
     })
   })
@@ -105,7 +105,7 @@ describe('LicenseDisplay', () => {
       const component = await mountSuspended(LicenseDisplay, {
         props: { license: 'CustomLicense OR MIT' },
       })
-      const icon = component.find('.i-carbon:scales')
+      const icon = component.find('.i-lucide:scale')
       expect(icon.exists()).toBe(true)
     })
   })

From 228cba2f2846d86a945e4481d60e9d4a52194de0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 03:39:54 +0100
Subject: [PATCH 61/85] replace list icon

---
 app/components/ReadmeTocDropdown.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/ReadmeTocDropdown.vue b/app/components/ReadmeTocDropdown.vue
index cbcf01bd4..66f92d08e 100644
--- a/app/components/ReadmeTocDropdown.vue
+++ b/app/components/ReadmeTocDropdown.vue
@@ -151,7 +151,7 @@ function handleKeydown(event: KeyboardEvent) {
     :aria-controls="listboxId"
     @click="toggle"
     @keydown="handleKeydown"
-    classicon="i-carbon:list"
+    classicon="i-lucide:list"
     class="px-2.5"
     block
   >

From 3aca8b08feee871b70fa6cce1673d1bada22f127 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 03:42:32 +0100
Subject: [PATCH 62/85] replace npm icon

---
 app/components/SearchProviderToggle.client.vue | 2 +-
 app/pages/org/[org].vue                        | 2 +-
 app/pages/package/[[org]]/[name].vue           | 2 +-
 app/pages/~[username]/index.vue                | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/components/SearchProviderToggle.client.vue b/app/components/SearchProviderToggle.client.vue
index 87488d723..1ffc8a825 100644
--- a/app/components/SearchProviderToggle.client.vue
+++ b/app/components/SearchProviderToggle.client.vue
@@ -64,7 +64,7 @@ useEventListener('keydown', event => {
             "
           >
             <span
-              class="i-carbon:catalog w-4 h-4 mt-0.5 shrink-0"
+              class="i-simple-icons:npm w-4 h-4 mt-0.5 shrink-0"
               :class="searchProviderValue !== 'algolia' ? 'text-accent' : 'text-fg-muted'"
               aria-hidden="true"
             />
diff --git a/app/pages/org/[org].vue b/app/pages/org/[org].vue
index ac2420aa4..3291640cd 100644
--- a/app/pages/org/[org].vue
+++ b/app/pages/org/[org].vue
@@ -182,7 +182,7 @@ defineOgImageComponent('Default', {
               class="link-subtle font-mono text-sm inline-flex items-center gap-1.5"
               :title="$t('common.view_on_npm')"
             >
-              <span class="i-carbon:logo-npm w-4 h-4" aria-hidden="true" />
+              <span class="i-simple-icons:npm w-4 h-4" aria-hidden="true" />
               npm
             </a>
           </nav>
diff --git a/app/pages/package/[[org]]/[name].vue b/app/pages/package/[[org]]/[name].vue
index a06803cd7..b8e3a1f56 100644
--- a/app/pages/package/[[org]]/[name].vue
+++ b/app/pages/package/[[org]]/[name].vue
@@ -886,7 +886,7 @@ const showSkeleton = shallowRef(false)
               <LinkBase
                 :to="`https://www.npmjs.com/package/${pkg.name}`"
                 :title="$t('common.view_on_npm')"
-                classicon="i-carbon:logo-npm"
+                classicon="i-simple-icons:npm"
               >
                 npm
               </LinkBase>
diff --git a/app/pages/~[username]/index.vue b/app/pages/~[username]/index.vue
index 87bf524aa..5634925d9 100644
--- a/app/pages/~[username]/index.vue
+++ b/app/pages/~[username]/index.vue
@@ -158,7 +158,7 @@ defineOgImageComponent('Default', {
               class="link-subtle font-mono text-sm inline-flex items-center gap-1.5"
               :title="$t('common.view_on_npm')"
             >
-              <span class="i-carbon:logo-npm w-4 h-4" aria-hidden="true" />
+              <span class="i-simple-icons:npm w-4 h-4" aria-hidden="true" />
               npm
             </a>
           </nav>

From 19c20f783e035a5f94bd655a7a00fa7b0455e75c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 03:42:57 +0100
Subject: [PATCH 63/85] replace algolia icon

---
 app/components/SearchProviderToggle.client.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/SearchProviderToggle.client.vue b/app/components/SearchProviderToggle.client.vue
index 1ffc8a825..276683610 100644
--- a/app/components/SearchProviderToggle.client.vue
+++ b/app/components/SearchProviderToggle.client.vue
@@ -96,7 +96,7 @@ useEventListener('keydown', event => {
             "
           >
             <span
-              class="i-lucide:search w-4 h-4 mt-0.5 shrink-0"
+              class="i-simple-icons:algolia w-4 h-4 mt-0.5 shrink-0"
               :class="searchProviderValue === 'algolia' ? 'text-accent' : 'text-fg-muted'"
               aria-hidden="true"
             />

From 4c45260db28b5aab4189014027de26dc39888827 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 03:45:31 +0100
Subject: [PATCH 64/85] replace view mode icon

---
 app/components/ViewModeToggle.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/components/ViewModeToggle.vue b/app/components/ViewModeToggle.vue
index 3632a756d..46908cea7 100644
--- a/app/components/ViewModeToggle.vue
+++ b/app/components/ViewModeToggle.vue
@@ -18,7 +18,7 @@ const viewMode = defineModel<ViewMode>({ default: 'cards' })
       :aria-label="$t('filters.view_mode.cards')"
       @click="viewMode = 'cards'"
     >
-      <span class="i-carbon:horizontal-view w-4 h-4" aria-hidden="true" />
+      <span class="i-lucide:rows-2 w-4 h-4" aria-hidden="true" />
       <span class="sr-only">{{ $t('filters.view_mode.cards') }}</span>
     </button>
     <button
@@ -29,7 +29,7 @@ const viewMode = defineModel<ViewMode>({ default: 'cards' })
       :aria-label="$t('filters.view_mode.table')"
       @click="viewMode = 'table'"
     >
-      <span class="i-carbon:table-split w-4 h-4" aria-hidden="true" />
+      <span class="i-lucide:table w-4 h-4" aria-hidden="true" />
       <span class="sr-only">{{ $t('filters.view_mode.table') }}</span>
     </button>
   </div>

From f6bd070d316364ef55b7d87893783536dc5b84df Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 03:46:09 +0100
Subject: [PATCH 65/85] replace org icon

---
 app/pages/~[username]/orgs.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/pages/~[username]/orgs.vue b/app/pages/~[username]/orgs.vue
index d9b13fa0e..138bd6913 100644
--- a/app/pages/~[username]/orgs.vue
+++ b/app/pages/~[username]/orgs.vue
@@ -224,7 +224,7 @@ defineOgImageComponent('Default', {
               <!-- Stats -->
               <div class="flex items-center gap-4 text-sm text-fg-muted">
                 <div class="flex items-center gap-1.5">
-                  <span class="i-carbon:cube w-4 h-4" aria-hidden="true" />
+                  <span class="i-lucide:box w-4 h-4" aria-hidden="true" />
                   <span v-if="org.packageCount !== null">
                     {{
                       $t(

From 22991dacdd9c63be83ee1b27c4bf25561d296350 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 03:48:15 +0100
Subject: [PATCH 66/85] replace radicle icon

---
 app/pages/package/[[org]]/[name].vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/pages/package/[[org]]/[name].vue b/app/pages/package/[[org]]/[name].vue
index b8e3a1f56..7d274edc7 100644
--- a/app/pages/package/[[org]]/[name].vue
+++ b/app/pages/package/[[org]]/[name].vue
@@ -404,7 +404,7 @@ const PROVIDER_ICONS: Record<string, string> = {
   gitee: 'i-simple-icons:gitee',
   sourcehut: 'i-simple-icons:sourcehut',
   tangled: 'i-custom:tangled',
-  radicle: 'i-carbon:network-3', // Radicle is a P2P network, using network icon
+  radicle: 'i-lucide:network', // Radicle is a P2P network, using network icon
 }
 
 const repoProviderIcon = computed(() => {

From c47c2b4a49149a7105b38969321cd0b7763f1215 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 03:49:02 +0100
Subject: [PATCH 67/85] replace star icon

---
 app/pages/package/[[org]]/[name].vue | 2 +-
 app/pages/recharging.vue             | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/pages/package/[[org]]/[name].vue b/app/pages/package/[[org]]/[name].vue
index 7d274edc7..0f3eedf70 100644
--- a/app/pages/package/[[org]]/[name].vue
+++ b/app/pages/package/[[org]]/[name].vue
@@ -862,7 +862,7 @@ const showSkeleton = shallowRef(false)
               </LinkBase>
             </li>
             <li v-if="repositoryUrl && repoMeta && starsLink">
-              <LinkBase :to="starsLink" classicon="i-carbon:star">
+              <LinkBase :to="starsLink" classicon="i-lucide:star">
                 {{ compactNumberFormatter.format(stars) }}
               </LinkBase>
             </li>
diff --git a/app/pages/recharging.vue b/app/pages/recharging.vue
index 9f283d310..90139a42c 100644
--- a/app/pages/recharging.vue
+++ b/app/pages/recharging.vue
@@ -54,7 +54,7 @@ const icons = [
   'i-carbon:book',
   'i-carbon:music',
   'i-carbon:snowflake',
-  'i-carbon:star',
+  'i-lucide:star',
   'i-carbon:moon',
 ] as const
 

From 8942093e7826f69c4b0a08d94f71c13e4818e0af Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 03:49:34 +0100
Subject: [PATCH 68/85] replace fork icon

---
 app/pages/package/[[org]]/[name].vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/pages/package/[[org]]/[name].vue b/app/pages/package/[[org]]/[name].vue
index 0f3eedf70..7d2008278 100644
--- a/app/pages/package/[[org]]/[name].vue
+++ b/app/pages/package/[[org]]/[name].vue
@@ -867,7 +867,7 @@ const showSkeleton = shallowRef(false)
               </LinkBase>
             </li>
             <li v-if="forks && forksLink">
-              <LinkBase :to="forksLink" classicon="i-carbon:fork">
+              <LinkBase :to="forksLink" classicon="i-lucide:git-fork">
                 {{ compactNumberFormatter.format(forks) }}
               </LinkBase>
             </li>

From 7717933f7df3d562ef5ad32eb626808741a99ce6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 03:50:51 +0100
Subject: [PATCH 69/85] replace preview icon

---
 .../[[org]]/[packageName]/v/[version]/[...filePath].vue         | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue b/app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue
index 4a20cc34c..49ae13fef 100644
--- a/app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue
+++ b/app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue
@@ -256,7 +256,7 @@ const markdownViewModes = [
   {
     key: 'preview',
     label: $t('code.markdown_view_mode.preview'),
-    icon: 'i-carbon:view',
+    icon: 'i-lucide:eye',
   },
   {
     key: 'code',

From f6ea8e4e8c1599ddcf43f82b3cfef4d7d1ecf114 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 03:52:37 +0100
Subject: [PATCH 70/85] refactor: replace recharging icons

---
 app/pages/recharging.vue | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/app/pages/recharging.vue b/app/pages/recharging.vue
index 90139a42c..69316f510 100644
--- a/app/pages/recharging.vue
+++ b/app/pages/recharging.vue
@@ -47,15 +47,15 @@ function pokeLog() {
 // Icons that tile across the banner, repeating to fill.
 // Classes must be written out statically so UnoCSS can detect them at build time.
 const icons = [
-  'i-carbon:snowflake',
-  'i-carbon:mountain',
-  'i-carbon:tree',
-  'i-carbon:cafe',
-  'i-carbon:book',
-  'i-carbon:music',
-  'i-carbon:snowflake',
+  'i-lucide:snowflake',
+  'i-lucide:mountain',
+  'i-lucide:tree-pine',
+  'i-lucide:coffee',
+  'i-lucide:book',
+  'i-lucide:music',
+  'i-lucide:snowflake',
   'i-lucide:star',
-  'i-carbon:moon',
+  'i-lucide:moon',
 ] as const
 
 // --- .ics calendar reminder ---
@@ -205,11 +205,11 @@ function downloadIcs() {
                 @click="pokeLog"
               >
                 <span
-                  class="absolute inset-0 i-carbon:fire w-5 h-5 sm:w-6 sm:h-6 text-orange-400 transition-opacity duration-400"
+                  class="absolute inset-0 i-lucide:flame-kindling w-5 h-5 sm:w-6 sm:h-6 text-orange-400 transition-opacity duration-400"
                   :class="fireVisible ? 'opacity-100' : 'opacity-0'"
                 />
                 <span
-                  class="absolute inset-0 i-carbon:campsite w-5 h-5 sm:w-6 sm:h-6 transition-colors duration-400"
+                  class="absolute inset-0 i-lucide:tent w-5 h-5 sm:w-6 sm:h-6 transition-colors duration-400"
                   :class="fireVisible ? 'text-amber-700' : ''"
                 />
               </button>

From 4aa3494b29d34020145552e20400c5b331b01559 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 03:55:56 +0100
Subject: [PATCH 71/85] chore: remove carbon icons

---
 package.json   |  1 -
 pnpm-lock.yaml | 10 ----------
 2 files changed, 11 deletions(-)

diff --git a/package.json b/package.json
index a8dac7839..00f78790e 100644
--- a/package.json
+++ b/package.json
@@ -54,7 +54,6 @@
     "@atproto/oauth-client-node": "^0.3.15",
     "@deno/doc": "jsr:^0.189.1",
     "@floating-ui/vue": "1.1.10",
-    "@iconify-json/carbon": "1.2.18",
     "@iconify-json/lucide": "1.2.87",
     "@iconify-json/simple-icons": "1.2.68",
     "@iconify-json/svg-spinners": "1.2.4",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 52a4afe68..438a226f6 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -35,9 +35,6 @@ importers:
       '@floating-ui/vue':
         specifier: 1.1.10
         version: 1.1.10(vue@3.5.27(typescript@5.9.3))
-      '@iconify-json/carbon':
-        specifier: 1.2.18
-        version: 1.2.18
       '@iconify-json/lucide':
         specifier: 1.2.87
         version: 1.2.87
@@ -1538,9 +1535,6 @@ packages:
     resolution: {integrity: sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==}
     engines: {node: '>=18.18'}
 
-  '@iconify-json/carbon@1.2.18':
-    resolution: {integrity: sha512-Grb13E6r/RqTEV4Sqd/BQR2FUt57U2WLuticJ5H8JbTdHLop1LmdePu3EJJA3Xi8DcWRbD6OnC133hKfOwlgtg==}
-
   '@iconify-json/lucide@1.2.87':
     resolution: {integrity: sha512-wxYIAp0f8Uw0rJa6BMWMaRbiHk3yV4XczA38GKXFlqyZtTdmHM1QOF4NZw5xpMlRDzbh2MnB7wjteLeFnn/ciQ==}
 
@@ -11138,10 +11132,6 @@ snapshots:
 
   '@humanwhocodes/retry@0.4.3': {}
 
-  '@iconify-json/carbon@1.2.18':
-    dependencies:
-      '@iconify/types': 2.0.0
-
   '@iconify-json/lucide@1.2.87':
     dependencies:
       '@iconify/types': 2.0.0

From 35ae33017e0d4df612b643d2c6bd167235a7bd51 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 04:03:24 +0100
Subject: [PATCH 72/85] chore: update comment

---
 app/utils/file-icons.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/utils/file-icons.ts b/app/utils/file-icons.ts
index 9338e0da3..d6ea04aa3 100644
--- a/app/utils/file-icons.ts
+++ b/app/utils/file-icons.ts
@@ -1,6 +1,6 @@
 /**
  * Get icon class for a file based on its name/extension.
- * Uses vscode-icons and carbon icons.
+ * Uses vscode-icons and lucide icons.
  *
  * Based on this file, a sprite file (<ORIGIN_URL>/file-tree-sprite.svg) is generated on postinstall
  * @see /scripts/generate-file-tree-sprite.ts

From 4919ddf123887a96f49abb553143976b9c083e72 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 04:04:23 +0100
Subject: [PATCH 73/85] chore: update setup

---
 scripts/generate-file-tree-sprite.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/scripts/generate-file-tree-sprite.ts b/scripts/generate-file-tree-sprite.ts
index eb6c0e69e..67adabc0e 100644
--- a/scripts/generate-file-tree-sprite.ts
+++ b/scripts/generate-file-tree-sprite.ts
@@ -1,4 +1,4 @@
-import type { IconifyJSON } from '@iconify-json/carbon'
+import type { IconifyJSON } from '@iconify-json/lucide'
 import { promises as fs } from 'node:fs'
 import { fileURLToPath } from 'node:url'
 import path from 'node:path'
@@ -15,7 +15,7 @@ const outputDevPath = path.join(rootDir, 'public', 'file-tree-sprite.svg')
 const outputStagePath = path.join(rootDir, 'public-dev', 'file-tree-sprite.svg')
 const outputProdPath = path.join(rootDir, 'public-prod', 'file-tree-sprite.svg')
 
-const COLLECTION_NAMES = ['carbon', 'lucide', 'simple-icons', 'svg-spinners', 'vscode-icons']
+const COLLECTION_NAMES = ['lucide', 'simple-icons', 'svg-spinners', 'vscode-icons']
 
 const COLLECTION_REGEXP = new RegExp(`^(${COLLECTION_NAMES.join('|')})-(.+)$`)
 

From ffb7bd98cbdec958b7b8f9e8b069331218630d0f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 04:11:37 +0100
Subject: [PATCH 74/85] test: update tests

---
 test/nuxt/components/PackageVersions.spec.ts         | 2 +-
 test/nuxt/components/VersionSelector.spec.ts         | 2 +-
 test/nuxt/components/compare/FacetRow.spec.ts        | 8 ++++----
 test/nuxt/components/compare/FacetSelector.spec.ts   | 8 ++++----
 test/nuxt/components/compare/PackageSelector.spec.ts | 4 ++--
 5 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/test/nuxt/components/PackageVersions.spec.ts b/test/nuxt/components/PackageVersions.spec.ts
index 30bed4630..b539029b5 100644
--- a/test/nuxt/components/PackageVersions.spec.ts
+++ b/test/nuxt/components/PackageVersions.spec.ts
@@ -920,7 +920,7 @@ describe('PackageVersions', () => {
       })
 
       // Find chevron icons inside buttons
-      const chevronIcons = component.findAll('button span.i-carbon\\:chevron-right')
+      const chevronIcons = component.findAll('button span.i-lucide\\:chevron-right')
       expect(chevronIcons.length).toBeGreaterThan(0)
       for (const icon of chevronIcons) {
         expect(icon.attributes('aria-hidden')).toBe('true')
diff --git a/test/nuxt/components/VersionSelector.spec.ts b/test/nuxt/components/VersionSelector.spec.ts
index f55b4d119..305f4282b 100644
--- a/test/nuxt/components/VersionSelector.spec.ts
+++ b/test/nuxt/components/VersionSelector.spec.ts
@@ -544,7 +544,7 @@ describe('VersionSelector', () => {
 
       // Should show loading spinner (motion-safe:animate-spin is applied)
       await vi.waitFor(() => {
-        const spinner = component.find('.i-carbon\\:rotate-180')
+        const spinner = component.find('.i-lucide\\:undo-2')
         expect(spinner.exists()).toBe(true)
       })
 
diff --git a/test/nuxt/components/compare/FacetRow.spec.ts b/test/nuxt/components/compare/FacetRow.spec.ts
index ff0765793..cfa30adc7 100644
--- a/test/nuxt/components/compare/FacetRow.spec.ts
+++ b/test/nuxt/components/compare/FacetRow.spec.ts
@@ -33,14 +33,14 @@ describe('FacetRow', () => {
           description: 'Number of downloads per week',
         },
       })
-      expect(component.find('.i-carbon\\:information').exists()).toBe(true)
+      expect(component.find('.i-lucide\\:info').exists()).toBe(true)
     })
 
     it('does not render description icon when not provided', async () => {
       const component = await mountSuspended(FacetRow, {
         props: baseProps,
       })
-      expect(component.find('.i-carbon\\:information').exists()).toBe(false)
+      expect(component.find('.i-lucide\\:info').exists()).toBe(false)
     })
   })
 
@@ -80,7 +80,7 @@ describe('FacetRow', () => {
         },
       })
       // All cells should show loading spinner
-      expect(component.findAll('.i-carbon\\:circle-dash').length).toBe(2)
+      expect(component.findAll('.i-svg-spinners\\:ring-resize').length).toBe(2)
     })
 
     it('renders loading state for specific column loading', async () => {
@@ -92,7 +92,7 @@ describe('FacetRow', () => {
         },
       })
       // Only second cell should show loading spinner
-      const spinners = component.findAll('.i-carbon\\:circle-dash')
+      const spinners = component.findAll('.i-svg-spinners\\:ring-resize')
       expect(spinners.length).toBe(1)
     })
   })
diff --git a/test/nuxt/components/compare/FacetSelector.spec.ts b/test/nuxt/components/compare/FacetSelector.spec.ts
index 9dc2757e6..3db76373a 100644
--- a/test/nuxt/components/compare/FacetSelector.spec.ts
+++ b/test/nuxt/components/compare/FacetSelector.spec.ts
@@ -152,7 +152,7 @@ describe('FacetSelector', () => {
 
       const component = await mountSuspended(FacetSelector)
 
-      expect(component.find('.i-carbon\\:checkmark').exists()).toBe(true)
+      expect(component.find('.i-lucide\\:check').exists()).toBe(true)
     })
 
     it('shows add icon for unselected facets', async () => {
@@ -161,7 +161,7 @@ describe('FacetSelector', () => {
 
       const component = await mountSuspended(FacetSelector)
 
-      expect(component.find('.i-carbon\\:add').exists()).toBe(true)
+      expect(component.find('.i-lucide\\:plus').exists()).toBe(true)
     })
 
     it('applies aria-pressed for selected state', async () => {
@@ -211,8 +211,8 @@ describe('FacetSelector', () => {
       const comingSoonButton = buttons.find(b => b.text().includes(comingSoonFacetLabel))
 
       // Should not have checkmark or add icon
-      expect(comingSoonButton?.find('.i-carbon\\:checkmark').exists()).toBe(false)
-      expect(comingSoonButton?.find('.i-carbon\\:add').exists()).toBe(false)
+      expect(comingSoonButton?.find('.i-lucide\\:check').exists()).toBe(false)
+      expect(comingSoonButton?.find('.i-lucide\\:plus').exists()).toBe(false)
     })
 
     it('does not call toggleFacet when comingSoon facet is clicked', async () => {
diff --git a/test/nuxt/components/compare/PackageSelector.spec.ts b/test/nuxt/components/compare/PackageSelector.spec.ts
index 0d1901e58..e26ea4521 100644
--- a/test/nuxt/components/compare/PackageSelector.spec.ts
+++ b/test/nuxt/components/compare/PackageSelector.spec.ts
@@ -54,7 +54,7 @@ describe('PackageSelector', () => {
 
       const removeButtons = component
         .findAll('button')
-        .filter(b => b.find('.i-carbon\\:close').exists())
+        .filter(b => b.find('.i-lucide\\:circle-x').exists())
       expect(removeButtons.length).toBe(2)
     })
 
@@ -67,7 +67,7 @@ describe('PackageSelector', () => {
 
       const removeButton = component
         .findAll('button')
-        .find(b => b.find('.i-carbon\\:close').exists())
+        .find(b => b.find('.i-lucide\\:circle-x').exists())
       await removeButton!.trigger('click')
 
       const emitted = component.emitted('update:modelValue')

From 4d4242964a3d199e17beb6cf1753ca6f03c6986b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 04:14:38 +0100
Subject: [PATCH 75/85] fix: icon class name

---
 app/components/CollapsibleSection.vue        |  2 +-
 app/components/Header/AccountMenu.client.vue |  2 +-
 app/components/Org/MembersPanel.vue          |  2 +-
 app/components/Org/OperationsQueue.vue       |  2 +-
 app/components/Org/TeamsPanel.vue            |  4 ++--
 app/components/Package/AccessControls.vue    |  2 +-
 app/components/Package/MetricsBadges.vue     |  6 +++---
 app/components/Package/Versions.vue          |  4 ++--
 app/components/VersionSelector.vue           |  2 +-
 app/pages/package/[[org]]/[name].vue         | 10 +++++-----
 10 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/app/components/CollapsibleSection.vue b/app/components/CollapsibleSection.vue
index 954eb80ae..65c55c137 100644
--- a/app/components/CollapsibleSection.vue
+++ b/app/components/CollapsibleSection.vue
@@ -94,7 +94,7 @@ useHead({
         >
           <span
             v-if="isLoading"
-            class="i-i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
+            class="i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
             aria-hidden="true"
           />
           <span
diff --git a/app/components/Header/AccountMenu.client.vue b/app/components/Header/AccountMenu.client.vue
index 90ea0e930..00fa7a194 100644
--- a/app/components/Header/AccountMenu.client.vue
+++ b/app/components/Header/AccountMenu.client.vue
@@ -231,7 +231,7 @@ function openAuthModal() {
               <span class="w-8 h-8 rounded-full bg-bg-muted flex items-center justify-center">
                 <span
                   v-if="isNpmConnecting"
-                  class="i-i-svg-spinneacka w-4 h-4 text-yellow-500 animate-spin"
+                  class="i-svg-spinners:ring-resize w-4 h-4 text-yellow-500 animate-spin"
                   aria-hidden="true"
                 />
                 <span v-else class="i-lucide:terminal w-4 h-4 text-fg-muted" aria-hidden="true" />
diff --git a/app/components/Org/MembersPanel.vue b/app/components/Org/MembersPanel.vue
index a366afe49..7de03721e 100644
--- a/app/components/Org/MembersPanel.vue
+++ b/app/components/Org/MembersPanel.vue
@@ -407,7 +407,7 @@ watch(lastExecutionTime, () => {
     <!-- Loading state -->
     <div v-if="isLoading && memberList.length === 0" class="p-8 text-center">
       <span
-        class="i-i-svg-spinners:ring-resize w-5 h-5 text-fg-muted animate-spin mx-auto"
+        class="i-svg-spinners:ring-resize w-5 h-5 text-fg-muted animate-spin mx-auto"
         aria-hidden="true"
       />
       <p class="font-mono text-sm text-fg-muted mt-2">{{ $t('org.members.loading') }}</p>
diff --git a/app/components/Org/OperationsQueue.vue b/app/components/Org/OperationsQueue.vue
index 03d08c3ce..46c8777e6 100644
--- a/app/components/Org/OperationsQueue.vue
+++ b/app/components/Org/OperationsQueue.vue
@@ -162,7 +162,7 @@ function getStatusIcon(status: string): string {
     case 'approved':
       return 'i-lucide:check'
     case 'running':
-      return 'i-i-svg-spinners:ring-resize'
+      return 'i-svg-spinners:ring-resize'
     case 'completed':
       return 'i-lucide:check-filled'
     case 'failed':
diff --git a/app/components/Org/TeamsPanel.vue b/app/components/Org/TeamsPanel.vue
index 2026207a9..9126401ca 100644
--- a/app/components/Org/TeamsPanel.vue
+++ b/app/components/Org/TeamsPanel.vue
@@ -329,7 +329,7 @@ watch(lastExecutionTime, () => {
     <!-- Loading state -->
     <div v-if="isLoadingTeams && teams.length === 0" class="p-8 text-center">
       <span
-        class="i-i-svg-spinners:ring-resize w-5 h-5 text-fg-muted motion-safe:animate-spin mx-auto"
+        class="i-svg-spinners:ring-resize w-5 h-5 text-fg-muted motion-safe:animate-spin mx-auto"
         aria-hidden="true"
       />
       <p class="font-mono text-sm text-fg-muted mt-2">{{ $t('org.teams.loading') }}</p>
@@ -388,7 +388,7 @@ watch(lastExecutionTime, () => {
             </span>
             <span
               v-if="isLoadingUsers[teamName]"
-              class="i-i-svg-spinners:ring-resize w-3 h-3 text-fg-muted motion-safe:animate-spin"
+              class="i-svg-spinners:ring-resize w-3 h-3 text-fg-muted motion-safe:animate-spin"
               aria-hidden="true"
             />
           </button>
diff --git a/app/components/Package/AccessControls.vue b/app/components/Package/AccessControls.vue
index 543e8c0bb..5daf24d9c 100644
--- a/app/components/Package/AccessControls.vue
+++ b/app/components/Package/AccessControls.vue
@@ -173,7 +173,7 @@ watch(
     <!-- Loading state -->
     <div v-if="isLoadingCollaborators && collaboratorList.length === 0" class="py-4 text-center">
       <span
-        class="i-i-svg-spinners:ring-resize w-4 h-4 text-fg-muted animate-spin mx-auto"
+        class="i-svg-spinners:ring-resize w-4 h-4 text-fg-muted animate-spin mx-auto"
         aria-hidden="true"
       />
     </div>
diff --git a/app/components/Package/MetricsBadges.vue b/app/components/Package/MetricsBadges.vue
index 07845b248..13c8bc06b 100644
--- a/app/components/Package/MetricsBadges.vue
+++ b/app/components/Package/MetricsBadges.vue
@@ -73,7 +73,7 @@ const typesHref = computed(() => {
           :tabindex="0"
           :classicon="
             isLoading
-              ? 'i-i-svg-spinners:ring-resize motion-safe:animate-spin'
+              ? 'i-svg-spinners:ring-resize motion-safe:animate-spin'
               : hasTypes
                 ? 'i-lucide:check'
                 : 'i-lucide:circle-x'
@@ -95,7 +95,7 @@ const typesHref = computed(() => {
           :variant="hasEsm && !isLoading ? 'default' : 'ghost'"
           :classicon="
             isLoading
-              ? 'i-i-svg-spinners:ring-resize motion-safe:animate-spin'
+              ? 'i-svg-spinners:ring-resize motion-safe:animate-spin'
               : hasEsm
                 ? 'i-lucide:check'
                 : 'i-lucide:circle-x'
@@ -113,7 +113,7 @@ const typesHref = computed(() => {
           tabindex="0"
           :variant="isLoading ? 'ghost' : 'default'"
           :classicon="
-            isLoading ? 'i-i-svg-spinners:ring-resize motion-safe:animate-spin' : 'i-lucide:check'
+            isLoading ? 'i-svg-spinners:ring-resize motion-safe:animate-spin' : 'i-lucide:check'
           "
         >
           CJS
diff --git a/app/components/Package/Versions.vue b/app/components/Package/Versions.vue
index b18d1129a..5cde5660d 100644
--- a/app/components/Package/Versions.vue
+++ b/app/components/Package/Versions.vue
@@ -440,7 +440,7 @@ function majorGroupContainsCurrent(group: (typeof otherMajorGroups.value)[0]): b
           >
             <span
               v-if="loadingTags.has(row.tag)"
-              class="i-i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
+              class="i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
               data-testid="loading-spinner"
               aria-hidden="true"
             />
@@ -595,7 +595,7 @@ function majorGroupContainsCurrent(group: (typeof otherMajorGroups.value)[0]): b
           >
             <span
               v-if="otherVersionsLoading"
-              class="i-i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
+              class="i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
               data-testid="loading-spinner"
               aria-hidden="true"
             />
diff --git a/app/components/VersionSelector.vue b/app/components/VersionSelector.vue
index 3b5ac7ffa..e2f343a26 100644
--- a/app/components/VersionSelector.vue
+++ b/app/components/VersionSelector.vue
@@ -540,7 +540,7 @@ watch(
             >
               <span
                 v-if="group.isLoading"
-                class="i-i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
+                class="i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
                 aria-hidden="true"
               />
               <span
diff --git a/app/pages/package/[[org]]/[name].vue b/app/pages/package/[[org]]/[name].vue
index 7d2008278..d5502eb04 100644
--- a/app/pages/package/[[org]]/[name].vue
+++ b/app/pages/package/[[org]]/[name].vue
@@ -824,7 +824,7 @@ const showSkeleton = shallowRef(false)
               >
                 <span
                   v-if="isLoadingLikeData"
-                  class="i-i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin my-0.5"
+                  class="i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin my-0.5"
                   aria-hidden="true"
                 />
                 <span v-else>
@@ -963,7 +963,7 @@ const showSkeleton = shallowRef(false)
                       class="inline-flex items-center gap-1 text-fg-subtle"
                     >
                       <span
-                        class="i-i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
+                        class="i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
                         aria-hidden="true"
                       />
                     </span>
@@ -1031,7 +1031,7 @@ const showSkeleton = shallowRef(false)
                   class="inline-flex items-center gap-1 text-fg-subtle"
                 >
                   <span
-                    class="i-i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
+                    class="i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
                     aria-hidden="true"
                   />
                 </span>
@@ -1054,7 +1054,7 @@ const showSkeleton = shallowRef(false)
                 class="inline-flex items-center gap-1 text-fg-subtle"
               >
                 <span
-                  class="i-i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
+                  class="i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
                   aria-hidden="true"
                 />
               </span>
@@ -1321,7 +1321,7 @@ const showSkeleton = shallowRef(false)
             class="mt-8 flex items-center gap-2 text-fg-subtle text-sm"
           >
             <span
-              class="i-i-svg-spinners:ring-resize w-4 h-4 motion-safe:animate-spin"
+              class="i-svg-spinners:ring-resize w-4 h-4 motion-safe:animate-spin"
               aria-hidden="true"
             />
             <span>{{ $t('package.provenance_section.title') }}…</span>

From 246dfbf7b505aabef0c0f1012e038c611e0ede5a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 04:15:38 +0100
Subject: [PATCH 76/85] fix: icon class name

---
 app/components/Org/TeamsPanel.vue              | 2 +-
 app/components/Package/TrendsChart.vue         | 2 +-
 app/components/Package/VersionDistribution.vue | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/components/Org/TeamsPanel.vue b/app/components/Org/TeamsPanel.vue
index 9126401ca..31b341ca3 100644
--- a/app/components/Org/TeamsPanel.vue
+++ b/app/components/Org/TeamsPanel.vue
@@ -399,7 +399,7 @@ watch(lastExecutionTime, () => {
             :aria-label="$t('org.teams.delete_team', { name: teamName })"
             @click.stop="handleDestroyTeam(teamName)"
           >
-            <span class="i-lucide:trash-can w-4 h-4" aria-hidden="true" />
+            <span class="i-lucide:trash w-4 h-4" aria-hidden="true" />
           </button>
         </div>
 
diff --git a/app/components/Package/TrendsChart.vue b/app/components/Package/TrendsChart.vue
index 79b5bb6fb..7fc0257c2 100644
--- a/app/components/Package/TrendsChart.vue
+++ b/app/components/Package/TrendsChart.vue
@@ -1691,7 +1691,7 @@ watch(selectedMetric, value => {
             </template>
             <template #annotator-action-delete>
               <span
-                class="i-lucide:trash-can w-6 h-6 text-fg-subtle"
+                class="i-lucide:trash w-6 h-6 text-fg-subtle"
                 style="pointer-events: none"
                 aria-hidden="true"
               />
diff --git a/app/components/Package/VersionDistribution.vue b/app/components/Package/VersionDistribution.vue
index 1ab605cce..ae8300f90 100644
--- a/app/components/Package/VersionDistribution.vue
+++ b/app/components/Package/VersionDistribution.vue
@@ -560,7 +560,7 @@ const endDate = computed(() => {
 
             <template #annotator-action-delete>
               <span
-                class="i-lucide:trash-can w-6 h-6 text-fg-subtle"
+                class="i-lucide:trash w-6 h-6 text-fg-subtle"
                 style="pointer-events: none"
                 aria-hidden="true"
               />

From 111e1087bf807be44c6cec621431d9a37214be3e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 04:16:53 +0100
Subject: [PATCH 77/85] fix: icon class name

---
 app/components/Package/Dependencies.vue        |  2 +-
 app/components/Package/DeprecatedTree.vue      |  2 +-
 app/components/Package/VersionDistribution.vue |  2 +-
 app/components/Package/Versions.vue            | 12 ++++++------
 4 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/app/components/Package/Dependencies.vue b/app/components/Package/Dependencies.vue
index 829276215..1232e8f4b 100644
--- a/app/components/Package/Dependencies.vue
+++ b/app/components/Package/Dependencies.vue
@@ -119,7 +119,7 @@ const numberFormatter = useNumberFormatter()
               :to="packageRoute(dep, getDeprecatedDepInfo(dep)!.version)"
               class="shrink-0 text-purple-700 dark:text-purple-500"
               :title="getDeprecatedDepInfo(dep)!.message"
-              classicon="i-lucide:circle-alert-hex"
+              classicon="i-lucide:octagon-alert"
             >
               <span class="sr-only">{{ $t('package.deprecated.label') }}</span>
             </LinkBase>
diff --git a/app/components/Package/DeprecatedTree.vue b/app/components/Package/DeprecatedTree.vue
index 580fd763b..079427c51 100644
--- a/app/components/Package/DeprecatedTree.vue
+++ b/app/components/Package/DeprecatedTree.vue
@@ -54,7 +54,7 @@ function getDepthStyle(depth: DependencyDepth) {
         @click="isExpanded = !isExpanded"
       >
         <span class="flex items-center gap-2 min-w-0">
-          <span class="i-lucide:circle-alert-hex w-4 h-4 shrink-0" aria-hidden="true" />
+          <span class="i-lucide:octagon-alert w-4 h-4 shrink-0" aria-hidden="true" />
           <span class="font-mono text-sm font-medium truncate">
             {{ $t('package.deprecated.tree_found', analysisData!.deprecatedPackages.length) }}
           </span>
diff --git a/app/components/Package/VersionDistribution.vue b/app/components/Package/VersionDistribution.vue
index ae8300f90..743a707a7 100644
--- a/app/components/Package/VersionDistribution.vue
+++ b/app/components/Package/VersionDistribution.vue
@@ -599,7 +599,7 @@ const endDate = computed(() => {
       <!-- Error state -->
       <div v-if="error" class="flex items-center justify-center h-full" role="alert">
         <div class="text-sm text-fg-subtle font-mono text-center flex flex-col items-center gap-2">
-          <span class="i-lucide:circle-alert-hex w-8 h-8 text-red-400" />
+          <span class="i-lucide:octagon-alert w-8 h-8 text-red-400" />
           <p>{{ error.message }}</p>
           <p class="text-xs">Package: {{ packageName }}</p>
         </div>
diff --git a/app/components/Package/Versions.vue b/app/components/Package/Versions.vue
index 5cde5660d..1f07a678d 100644
--- a/app/components/Package/Versions.vue
+++ b/app/components/Package/Versions.vue
@@ -474,7 +474,7 @@ function majorGroupContainsCurrent(group: (typeof otherMajorGroups.value)[0]): b
                       })
                     : row.primaryVersion.version
                 "
-                :classicon="row.primaryVersion.deprecated ? 'i-lucide:circle-alert-hex' : undefined"
+                :classicon="row.primaryVersion.deprecated ? 'i-lucide:octagon-alert' : undefined"
               >
                 <span dir="ltr" class="block truncate">
                   {{ row.primaryVersion.version }}
@@ -536,7 +536,7 @@ function majorGroupContainsCurrent(group: (typeof otherMajorGroups.value)[0]): b
                     ? $t('package.versions.deprecated_title', { version: v.version })
                     : v.version
                 "
-                :classicon="v.deprecated ? 'i-lucide:circle-alert-hex' : undefined"
+                :classicon="v.deprecated ? 'i-lucide:octagon-alert' : undefined"
               >
                 <span dir="ltr" class="block truncate">
                   {{ v.version }}
@@ -646,7 +646,7 @@ function majorGroupContainsCurrent(group: (typeof otherMajorGroups.value)[0]): b
                       })
                     : row.primaryVersion.version
                 "
-                :classicon="row.primaryVersion.deprecated ? 'i-lucide:circle-alert-hex' : undefined"
+                :classicon="row.primaryVersion.deprecated ? 'i-lucide:octagon-alert' : undefined"
               >
                 <span dir="ltr" class="block truncate">
                   {{ row.primaryVersion.version }}
@@ -726,7 +726,7 @@ function majorGroupContainsCurrent(group: (typeof otherMajorGroups.value)[0]): b
                           : group.versions[0]?.version
                       "
                       :classicon="
-                        group.versions[0]?.deprecated ? 'i-lucide:circle-alert-hex' : undefined
+                        group.versions[0]?.deprecated ? 'i-lucide:octagon-alert' : undefined
                       "
                     >
                       <span dir="ltr" class="block truncate">
@@ -791,7 +791,7 @@ function majorGroupContainsCurrent(group: (typeof otherMajorGroups.value)[0]): b
                           : group.versions[0]?.version
                       "
                       :classicon="
-                        group.versions[0]?.deprecated ? 'i-lucide:circle-alert-hex' : undefined
+                        group.versions[0]?.deprecated ? 'i-lucide:octagon-alert' : undefined
                       "
                     >
                       <span dir="ltr" class="block truncate">
@@ -855,7 +855,7 @@ function majorGroupContainsCurrent(group: (typeof otherMajorGroups.value)[0]): b
                           ? $t('package.versions.deprecated_title', { version: v.version })
                           : v.version
                       "
-                      :classicon="v.deprecated ? 'i-lucide:circle-alert-hex' : undefined"
+                      :classicon="v.deprecated ? 'i-lucide:octagon-alert' : undefined"
                     >
                       <span dir="ltr" class="block truncate">
                         {{ v.version }}

From e7739b763c81717dfd3688ce4a4ac98756fa986c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 04:17:54 +0100
Subject: [PATCH 78/85] fix: icon class name

---
 app/components/Package/Dependencies.vue                       | 2 +-
 app/components/Package/InstallScripts.vue                     | 4 ++--
 app/components/Package/VulnerabilityTree.vue                  | 2 +-
 .../[[org]]/[packageName]/v/[version]/[...filePath].vue       | 2 +-
 app/pages/package/[[org]]/[name].vue                          | 2 +-
 5 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/app/components/Package/Dependencies.vue b/app/components/Package/Dependencies.vue
index 1232e8f4b..ec8e29f08 100644
--- a/app/components/Package/Dependencies.vue
+++ b/app/components/Package/Dependencies.vue
@@ -102,7 +102,7 @@ const numberFormatter = useNumberFormatter()
               aria-hidden="true"
               :text="getOutdatedTooltip(outdatedDeps[dep], $t)"
             >
-              <span class="i-lucide:circle-alert-alt w-3 h-3" />
+              <span class="i-lucide:circle-alert w-3 h-3" />
             </TooltipApp>
             <LinkBase
               v-if="getVulnerableDepInfo(dep)"
diff --git a/app/components/Package/InstallScripts.vue b/app/components/Package/InstallScripts.vue
index f7209af79..9b9d59122 100644
--- a/app/components/Package/InstallScripts.vue
+++ b/app/components/Package/InstallScripts.vue
@@ -61,7 +61,7 @@ const isExpanded = shallowRef(false)
   <CollapsibleSection
     :title="$t('package.install_scripts.title')"
     id="installScripts"
-    icon="i-lucide:circle-alert-alt w-3 h-3 text-yellow-500"
+    icon="i-lucide:circle-alert w-3 h-3 text-yellow-500"
   >
     <!-- Script list: name as label, content below -->
     <dl class="space-y-2 m-0">
@@ -139,7 +139,7 @@ const isExpanded = shallowRef(false)
               aria-hidden="true"
               :text="getOutdatedTooltip(outdatedNpxDeps[dep], $t)"
             >
-              <span class="i-lucide:circle-alert-alt w-3 h-3" />
+              <span class="i-lucide:circle-alert w-3 h-3" />
             </TooltipApp>
             <span
               class="font-mono text-xs text-end truncate"
diff --git a/app/components/Package/VulnerabilityTree.vue b/app/components/Package/VulnerabilityTree.vue
index 49b10f00a..0eb15eba4 100644
--- a/app/components/Package/VulnerabilityTree.vue
+++ b/app/components/Package/VulnerabilityTree.vue
@@ -84,7 +84,7 @@ function getDepthStyle(depth: string | undefined) {
         @click="isExpanded = !isExpanded"
       >
         <span class="flex items-center gap-2 min-w-0">
-          <span class="i-lucide:circle-alert-alt w-4 h-4 shrink-0" aria-hidden="true" />
+          <span class="i-lucide:circle-alert w-4 h-4 shrink-0" aria-hidden="true" />
           <span class="font-mono text-sm font-medium truncate">
             {{
               $t(
diff --git a/app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue b/app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue
index 49ae13fef..7d42e6ef3 100644
--- a/app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue
+++ b/app/pages/package-code/[[org]]/[packageName]/v/[version]/[...filePath].vue
@@ -541,7 +541,7 @@ defineOgImageComponent('Default', {
 
         <!-- Error loading file -->
         <div v-else-if="filePath && fileStatus === 'error'" class="py-20 text-center" role="alert">
-          <div class="i-lucide:circle-alert-alt w-8 h-8 mx-auto text-fg-subtle mb-4" />
+          <div class="i-lucide:circle-alert w-8 h-8 mx-auto text-fg-subtle mb-4" />
           <p class="text-fg-muted mb-2">{{ $t('code.failed_to_load') }}</p>
           <p class="text-fg-subtle text-sm mb-4">{{ $t('code.unavailable_hint') }}</p>
           <LinkBase
diff --git a/app/pages/package/[[org]]/[name].vue b/app/pages/package/[[org]]/[name].vue
index d5502eb04..1c91e16f9 100644
--- a/app/pages/package/[[org]]/[name].vue
+++ b/app/pages/package/[[org]]/[name].vue
@@ -1149,7 +1149,7 @@ const showSkeleton = shallowRef(false)
             class="mb-4 rounded-lg border border-amber-600/40 bg-amber-500/10 px-4 py-3 text-amber-700 dark:text-amber-400"
           >
             <h3 class="m-0 flex items-center gap-2 font-mono text-sm font-medium">
-              <span class="i-lucide:circle-alert-alt w-4 h-4 shrink-0" aria-hidden="true" />
+              <span class="i-lucide:circle-alert w-4 h-4 shrink-0" aria-hidden="true" />
               {{ $t('package.security_downgrade.title') }}
             </h3>
             <p class="mt-2 mb-0 text-sm">

From 4277b19ad256cdaeb5672cd3a982c3cea835fa26 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 04:29:56 +0100
Subject: [PATCH 79/85] fix: tests

---
 test/nuxt/components/LicenseDisplay.spec.ts  | 6 +++---
 test/nuxt/components/VersionSelector.spec.ts | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/test/nuxt/components/LicenseDisplay.spec.ts b/test/nuxt/components/LicenseDisplay.spec.ts
index d94202e9b..dadc6d71b 100644
--- a/test/nuxt/components/LicenseDisplay.spec.ts
+++ b/test/nuxt/components/LicenseDisplay.spec.ts
@@ -27,7 +27,7 @@ describe('LicenseDisplay', () => {
       const component = await mountSuspended(LicenseDisplay, {
         props: { license: 'MIT' },
       })
-      const icon = component.find('.i-lucide:scale')
+      const icon = component.find('.i-lucide\\:scale')
       expect(icon.exists()).toBe(true)
     })
 
@@ -35,7 +35,7 @@ describe('LicenseDisplay', () => {
       const component = await mountSuspended(LicenseDisplay, {
         props: { license: 'CustomLicense' },
       })
-      const icon = component.find('.i-lucide:scale')
+      const icon = component.find('.i-lucide\\:scale')
       expect(icon.exists()).toBe(false)
     })
   })
@@ -105,7 +105,7 @@ describe('LicenseDisplay', () => {
       const component = await mountSuspended(LicenseDisplay, {
         props: { license: 'CustomLicense OR MIT' },
       })
-      const icon = component.find('.i-lucide:scale')
+      const icon = component.find('.i-lucide\\:scale')
       expect(icon.exists()).toBe(true)
     })
   })
diff --git a/test/nuxt/components/VersionSelector.spec.ts b/test/nuxt/components/VersionSelector.spec.ts
index 305f4282b..dc3e2b59b 100644
--- a/test/nuxt/components/VersionSelector.spec.ts
+++ b/test/nuxt/components/VersionSelector.spec.ts
@@ -544,7 +544,7 @@ describe('VersionSelector', () => {
 
       // Should show loading spinner (motion-safe:animate-spin is applied)
       await vi.waitFor(() => {
-        const spinner = component.find('.i-lucide\\:undo-2')
+        const spinner = component.find('.i-svg-spinners\\:ring-resize')
         expect(spinner.exists()).toBe(true)
       })
 

From 1f90644b67edc1de1296140a28a28c6578e21a89 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 04:42:31 +0100
Subject: [PATCH 80/85] chore: remove redundant animation class

---
 app/components/CollapsibleSection.vue    |  6 +-----
 app/components/Compare/FacetCard.vue     |  5 +----
 app/components/Compare/FacetRow.vue      |  5 +----
 app/components/Org/TeamsPanel.vue        |  7 ++-----
 app/components/Package/MetricsBadges.vue |  8 +++-----
 app/components/Package/Versions.vue      |  4 ++--
 app/components/VersionSelector.vue       |  2 +-
 app/pages/package/[[org]]/[name].vue     | 22 +++++-----------------
 8 files changed, 16 insertions(+), 43 deletions(-)

diff --git a/app/components/CollapsibleSection.vue b/app/components/CollapsibleSection.vue
index 65c55c137..35faa43b1 100644
--- a/app/components/CollapsibleSection.vue
+++ b/app/components/CollapsibleSection.vue
@@ -92,11 +92,7 @@ useHead({
           :aria-label="ariaLabel"
           @click="toggle"
         >
-          <span
-            v-if="isLoading"
-            class="i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
-            aria-hidden="true"
-          />
+          <span v-if="isLoading" class="i-svg-spinners:ring-resize w-3 h-3" aria-hidden="true" />
           <span
             v-else
             class="w-3 h-3 transition-transform duration-200"
diff --git a/app/components/Compare/FacetCard.vue b/app/components/Compare/FacetCard.vue
index 23e795b01..92d0c9026 100644
--- a/app/components/Compare/FacetCard.vue
+++ b/app/components/Compare/FacetCard.vue
@@ -111,10 +111,7 @@ function getShortName(header: string): string {
         <span class="relative min-w-0 text-end">
           <!-- Loading state -->
           <template v-if="isCellLoading(index)">
-            <span
-              class="i-svg-spinners:ring-resize w-4 h-4 text-fg-subtle motion-safe:animate-spin"
-              aria-hidden="true"
-            />
+            <span class="i-svg-spinners:ring-resize w-4 h-4 text-fg-subtle" aria-hidden="true" />
           </template>
 
           <!-- No data -->
diff --git a/app/components/Compare/FacetRow.vue b/app/components/Compare/FacetRow.vue
index 66d11b8d3..b7d216ee5 100644
--- a/app/components/Compare/FacetRow.vue
+++ b/app/components/Compare/FacetRow.vue
@@ -114,10 +114,7 @@ function isCellLoading(index: number): boolean {
 
       <!-- Loading state -->
       <template v-if="isCellLoading(index)">
-        <span
-          class="i-svg-spinners:ring-resize w-4 h-4 text-fg-subtle motion-safe:animate-spin"
-          aria-hidden="true"
-        />
+        <span class="i-svg-spinners:ring-resize w-4 h-4 text-fg-subtle" aria-hidden="true" />
       </template>
 
       <!-- No data -->
diff --git a/app/components/Org/TeamsPanel.vue b/app/components/Org/TeamsPanel.vue
index 31b341ca3..3cb35f6d5 100644
--- a/app/components/Org/TeamsPanel.vue
+++ b/app/components/Org/TeamsPanel.vue
@@ -328,10 +328,7 @@ watch(lastExecutionTime, () => {
 
     <!-- Loading state -->
     <div v-if="isLoadingTeams && teams.length === 0" class="p-8 text-center">
-      <span
-        class="i-svg-spinners:ring-resize w-5 h-5 text-fg-muted motion-safe:animate-spin mx-auto"
-        aria-hidden="true"
-      />
+      <span class="i-svg-spinners:ring-resize w-5 h-5 text-fg-muted mx-auto" aria-hidden="true" />
       <p class="font-mono text-sm text-fg-muted mt-2">{{ $t('org.teams.loading') }}</p>
     </div>
 
@@ -388,7 +385,7 @@ watch(lastExecutionTime, () => {
             </span>
             <span
               v-if="isLoadingUsers[teamName]"
-              class="i-svg-spinners:ring-resize w-3 h-3 text-fg-muted motion-safe:animate-spin"
+              class="i-svg-spinners:ring-resize w-3 h-3 text-fg-muted"
               aria-hidden="true"
             />
           </button>
diff --git a/app/components/Package/MetricsBadges.vue b/app/components/Package/MetricsBadges.vue
index 13c8bc06b..8869518dc 100644
--- a/app/components/Package/MetricsBadges.vue
+++ b/app/components/Package/MetricsBadges.vue
@@ -73,7 +73,7 @@ const typesHref = computed(() => {
           :tabindex="0"
           :classicon="
             isLoading
-              ? 'i-svg-spinners:ring-resize motion-safe:animate-spin'
+              ? 'i-svg-spinners:ring-resize '
               : hasTypes
                 ? 'i-lucide:check'
                 : 'i-lucide:circle-x'
@@ -95,7 +95,7 @@ const typesHref = computed(() => {
           :variant="hasEsm && !isLoading ? 'default' : 'ghost'"
           :classicon="
             isLoading
-              ? 'i-svg-spinners:ring-resize motion-safe:animate-spin'
+              ? 'i-svg-spinners:ring-resize '
               : hasEsm
                 ? 'i-lucide:check'
                 : 'i-lucide:circle-x'
@@ -112,9 +112,7 @@ const typesHref = computed(() => {
         <TagStatic
           tabindex="0"
           :variant="isLoading ? 'ghost' : 'default'"
-          :classicon="
-            isLoading ? 'i-svg-spinners:ring-resize motion-safe:animate-spin' : 'i-lucide:check'
-          "
+          :classicon="isLoading ? 'i-svg-spinners:ring-resize ' : 'i-lucide:check'"
         >
           CJS
         </TagStatic>
diff --git a/app/components/Package/Versions.vue b/app/components/Package/Versions.vue
index 1f07a678d..09f03fb3f 100644
--- a/app/components/Package/Versions.vue
+++ b/app/components/Package/Versions.vue
@@ -440,7 +440,7 @@ function majorGroupContainsCurrent(group: (typeof otherMajorGroups.value)[0]): b
           >
             <span
               v-if="loadingTags.has(row.tag)"
-              class="i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
+              class="i-svg-spinners:ring-resize w-3 h-3"
               data-testid="loading-spinner"
               aria-hidden="true"
             />
@@ -595,7 +595,7 @@ function majorGroupContainsCurrent(group: (typeof otherMajorGroups.value)[0]): b
           >
             <span
               v-if="otherVersionsLoading"
-              class="i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
+              class="i-svg-spinners:ring-resize w-3 h-3"
               data-testid="loading-spinner"
               aria-hidden="true"
             />
diff --git a/app/components/VersionSelector.vue b/app/components/VersionSelector.vue
index e2f343a26..5a0867ee8 100644
--- a/app/components/VersionSelector.vue
+++ b/app/components/VersionSelector.vue
@@ -540,7 +540,7 @@ watch(
             >
               <span
                 v-if="group.isLoading"
-                class="i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
+                class="i-svg-spinners:ring-resize w-3 h-3"
                 aria-hidden="true"
               />
               <span
diff --git a/app/pages/package/[[org]]/[name].vue b/app/pages/package/[[org]]/[name].vue
index 1c91e16f9..419422d19 100644
--- a/app/pages/package/[[org]]/[name].vue
+++ b/app/pages/package/[[org]]/[name].vue
@@ -824,7 +824,7 @@ const showSkeleton = shallowRef(false)
               >
                 <span
                   v-if="isLoadingLikeData"
-                  class="i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin my-0.5"
+                  class="i-svg-spinners:ring-resize w-3 h-3 my-0.5"
                   aria-hidden="true"
                 />
                 <span v-else>
@@ -962,10 +962,7 @@ const showSkeleton = shallowRef(false)
                       "
                       class="inline-flex items-center gap-1 text-fg-subtle"
                     >
-                      <span
-                        class="i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
-                        aria-hidden="true"
-                      />
+                      <span class="i-svg-spinners:ring-resize w-3 h-3" aria-hidden="true" />
                     </span>
                     <span v-else-if="totalDepsCount !== null">{{
                       numberFormatter.format(totalDepsCount)
@@ -1030,10 +1027,7 @@ const showSkeleton = shallowRef(false)
                   v-if="installSizeStatus === 'pending'"
                   class="inline-flex items-center gap-1 text-fg-subtle"
                 >
-                  <span
-                    class="i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
-                    aria-hidden="true"
-                  />
+                  <span class="i-svg-spinners:ring-resize w-3 h-3" aria-hidden="true" />
                 </span>
                 <span v-else-if="installSize?.totalSize" dir="ltr">
                   {{ bytesFormatter.format(installSize.totalSize) }}
@@ -1053,10 +1047,7 @@ const showSkeleton = shallowRef(false)
                 v-if="vulnTreeStatus === 'pending' || vulnTreeStatus === 'idle'"
                 class="inline-flex items-center gap-1 text-fg-subtle"
               >
-                <span
-                  class="i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
-                  aria-hidden="true"
-                />
+                <span class="i-svg-spinners:ring-resize w-3 h-3" aria-hidden="true" />
               </span>
               <span v-else-if="vulnTreeStatus === 'success'">
                 <span v-if="hasVulnerabilities" class="text-amber-700 dark:text-amber-500">
@@ -1320,10 +1311,7 @@ const showSkeleton = shallowRef(false)
             v-if="provenanceStatus === 'pending'"
             class="mt-8 flex items-center gap-2 text-fg-subtle text-sm"
           >
-            <span
-              class="i-svg-spinners:ring-resize w-4 h-4 motion-safe:animate-spin"
-              aria-hidden="true"
-            />
+            <span class="i-svg-spinners:ring-resize w-4 h-4" aria-hidden="true" />
             <span>{{ $t('package.provenance_section.title') }}…</span>
           </div>
           <PackageProvenanceSection

From cfe2c852add3662db34c130cc3541f9a145f2261 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 16:24:56 +0100
Subject: [PATCH 81/85] style: use different close icon

---
 app/components/Code/MobileTreeDrawer.vue       |  4 ++--
 app/components/Compare/PackageSelector.vue     |  2 +-
 app/components/Filter/Chips.vue                |  2 +-
 app/components/Header/MobileMenu.client.vue    |  2 +-
 app/components/Modal.client.vue                |  2 +-
 app/components/Org/MembersPanel.vue            |  4 ++--
 app/components/Org/OperationsQueue.vue         |  8 ++++----
 app/components/Org/TeamsPanel.vue              |  6 +++---
 app/components/Package/AccessControls.vue      |  4 ++--
 app/components/Package/ClaimPackageModal.vue   |  2 +-
 app/components/Package/Maintainers.vue         |  4 ++--
 app/components/Package/MetricsBadges.vue       | 12 ++----------
 app/components/Package/TrendsChart.vue         |  4 ++--
 app/components/Package/VersionDistribution.vue |  4 ++--
 14 files changed, 26 insertions(+), 34 deletions(-)

diff --git a/app/components/Code/MobileTreeDrawer.vue b/app/components/Code/MobileTreeDrawer.vue
index c1de4b1f8..17f8b23b7 100644
--- a/app/components/Code/MobileTreeDrawer.vue
+++ b/app/components/Code/MobileTreeDrawer.vue
@@ -32,7 +32,7 @@ watch(isOpen, open => (isLocked.value = open))
     class="md:hidden fixed bottom-4 inset-ie-4 z-45"
     :aria-label="$t('code.toggle_tree')"
     @click="isOpen = !isOpen"
-    :classicon="isOpen ? 'i-lucide:circle-x' : 'i-lucide:folder'"
+    :classicon="isOpen ? 'i-lucide:x' : 'i-lucide:folder'"
   />
 
   <!-- Backdrop -->
@@ -68,7 +68,7 @@ watch(isOpen, open => (isLocked.value = open))
         <ButtonBase
           :aria-label="$t('code.close_tree')"
           @click="isOpen = false"
-          classicon="i-lucide:circle-x"
+          classicon="i-lucide:x"
         />
       </div>
       <CodeFileTree
diff --git a/app/components/Compare/PackageSelector.vue b/app/components/Compare/PackageSelector.vue
index e3c9440ee..2d5ada2e7 100644
--- a/app/components/Compare/PackageSelector.vue
+++ b/app/components/Compare/PackageSelector.vue
@@ -214,7 +214,7 @@ function handleFocus() {
             })
           "
           @click="removePackage(pkg)"
-          classicon="i-lucide:circle-x"
+          classicon="i-lucide:x"
         />
       </TagStatic>
     </div>
diff --git a/app/components/Filter/Chips.vue b/app/components/Filter/Chips.vue
index 7f258d78e..6279da858 100644
--- a/app/components/Filter/Chips.vue
+++ b/app/components/Filter/Chips.vue
@@ -25,7 +25,7 @@ const emit = defineEmits<{
           :aria-label="$t('filters.remove_filter', { label: chip.label })"
           @click="emit('remove', chip)"
         >
-          <span class="i-lucide:circle-x w-3 h-3" aria-hidden="true" />
+          <span class="i-lucide:x w-3 h-3" aria-hidden="true" />
         </button>
       </TagStatic>
     </TransitionGroup>
diff --git a/app/components/Header/MobileMenu.client.vue b/app/components/Header/MobileMenu.client.vue
index 0fcb3df2c..49c51497f 100644
--- a/app/components/Header/MobileMenu.client.vue
+++ b/app/components/Header/MobileMenu.client.vue
@@ -99,7 +99,7 @@ onUnmounted(deactivate)
                 :aria-label="$t('common.close')"
                 @click="closeMenu"
               >
-                <span class="i-lucide:circle-x w-5 h-5" aria-hidden="true" />
+                <span class="i-lucide:x w-5 h-5" aria-hidden="true" />
               </button>
             </div>
 
diff --git a/app/components/Modal.client.vue b/app/components/Modal.client.vue
index cfb139d51..54d97fe5e 100644
--- a/app/components/Modal.client.vue
+++ b/app/components/Modal.client.vue
@@ -57,7 +57,7 @@ defineExpose({
           type="button"
           :aria-label="$t('common.close')"
           @click="handleModalClose"
-          classicon="i-lucide:circle-x"
+          classicon="i-lucide:x"
         />
       </div>
       <!-- Modal body content -->
diff --git a/app/components/Org/MembersPanel.vue b/app/components/Org/MembersPanel.vue
index 7de03721e..580f35ec2 100644
--- a/app/components/Org/MembersPanel.vue
+++ b/app/components/Org/MembersPanel.vue
@@ -486,7 +486,7 @@ watch(lastExecutionTime, () => {
               :aria-label="$t('org.members.remove_from_org', { name: member.name })"
               @click="handleRemoveMember(member.name)"
             >
-              <span class="i-lucide:circle-x w-4 h-4" aria-hidden="true" />
+              <span class="i-lucide:x w-4 h-4" aria-hidden="true" />
             </button>
           </div>
         </div>
@@ -572,7 +572,7 @@ watch(lastExecutionTime, () => {
               :aria-label="$t('org.members.cancel_add')"
               @click="showAddMember = false"
             >
-              <span class="i-lucide:circle-x w-4 h-4" aria-hidden="true" />
+              <span class="i-lucide:x w-4 h-4" aria-hidden="true" />
             </button>
           </div>
         </form>
diff --git a/app/components/Org/OperationsQueue.vue b/app/components/Org/OperationsQueue.vue
index 46c8777e6..ca1684417 100644
--- a/app/components/Org/OperationsQueue.vue
+++ b/app/components/Org/OperationsQueue.vue
@@ -166,7 +166,7 @@ function getStatusIcon(status: string): string {
     case 'completed':
       return 'i-lucide:check-filled'
     case 'failed':
-      return 'i-lucide:circle-x-filled'
+      return 'i-lucide:x-filled'
     default:
       return 'i-lucide:circle-question-mark'
   }
@@ -292,7 +292,7 @@ watch(isExecuting, executing => {
             :aria-label="$t('operations.queue.remove_operation')"
             @click="removeOperation(op.id)"
           >
-            <span class="i-lucide:circle-x w-4 h-4" aria-hidden="true" />
+            <span class="i-lucide:x w-4 h-4" aria-hidden="true" />
           </button>
         </div>
       </li>
@@ -411,7 +411,7 @@ watch(isExecuting, executing => {
             :class="
               op.status === 'completed'
                 ? 'i-lucide:check-filled text-green-500'
-                : 'i-lucide:circle-x-filled text-red-500'
+                : 'i-lucide:x-filled text-red-500'
             "
             class="w-3.5 h-3.5 shrink-0 mt-0.5"
             aria-hidden="true"
@@ -431,7 +431,7 @@ watch(isExecuting, executing => {
             :aria-label="$t('operations.queue.remove_from_log')"
             @click="removeOperation(op.id)"
           >
-            <span class="i-lucide:circle-x w-3 h-3" aria-hidden="true" />
+            <span class="i-lucide:x w-3 h-3" aria-hidden="true" />
           </button>
         </li>
       </ul>
diff --git a/app/components/Org/TeamsPanel.vue b/app/components/Org/TeamsPanel.vue
index 3cb35f6d5..b0ddf5246 100644
--- a/app/components/Org/TeamsPanel.vue
+++ b/app/components/Org/TeamsPanel.vue
@@ -430,7 +430,7 @@ watch(lastExecutionTime, () => {
                 :aria-label="$t('org.teams.remove_user', { user })"
                 @click="handleRemoveUser(teamName, user)"
               >
-                <span class="i-lucide:circle-x w-3.5 h-3.5" aria-hidden="true" />
+                <span class="i-lucide:x w-3.5 h-3.5" aria-hidden="true" />
               </button>
             </li>
           </ul>
@@ -467,7 +467,7 @@ watch(lastExecutionTime, () => {
                 :aria-label="$t('org.teams.cancel_add_user')"
                 @click="showAddUserFor = null"
               >
-                <span class="i-lucide:circle-x w-4 h-4" aria-hidden="true" />
+                <span class="i-lucide:x w-4 h-4" aria-hidden="true" />
               </button>
             </form>
           </div>
@@ -525,7 +525,7 @@ watch(lastExecutionTime, () => {
             :aria-label="$t('org.teams.cancel_create')"
             @click="showCreateTeam = false"
           >
-            <span class="i-lucide:circle-x w-4 h-4" aria-hidden="true" />
+            <span class="i-lucide:x w-4 h-4" aria-hidden="true" />
           </button>
         </form>
       </div>
diff --git a/app/components/Package/AccessControls.vue b/app/components/Package/AccessControls.vue
index 5daf24d9c..05b2360b2 100644
--- a/app/components/Package/AccessControls.vue
+++ b/app/components/Package/AccessControls.vue
@@ -229,7 +229,7 @@ watch(
           :aria-label="$t('package.access.revoke_access', { name: collab.displayName })"
           @click="handleRevokeAccess(collab.name)"
         >
-          <span class="i-lucide:circle-x w-3.5 h-3.5" aria-hidden="true" />
+          <span class="i-lucide:x w-3.5 h-3.5" aria-hidden="true" />
         </button>
         <span v-else class="text-xs text-fg-subtle"> {{ $t('package.access.owner') }} </span>
       </li>
@@ -289,7 +289,7 @@ watch(
             :aria-label="$t('package.access.cancel_grant')"
             @click="showGrantAccess = false"
           >
-            <span class="i-lucide:circle-x w-4 h-4" aria-hidden="true" />
+            <span class="i-lucide:x w-4 h-4" aria-hidden="true" />
           </button>
         </div>
       </form>
diff --git a/app/components/Package/ClaimPackageModal.vue b/app/components/Package/ClaimPackageModal.vue
index 143ba9928..5d1ccc827 100644
--- a/app/components/Package/ClaimPackageModal.vue
+++ b/app/components/Package/ClaimPackageModal.vue
@@ -234,7 +234,7 @@ const previewPackageJson = computed(() => {
           v-else
           class="flex items-center gap-3 p-4 bg-red-500/10 border border-red-500/20 rounded-lg"
         >
-          <span class="i-lucide:circle-x-filled text-red-500 w-5 h-5" aria-hidden="true" />
+          <span class="i-lucide:x-filled text-red-500 w-5 h-5" aria-hidden="true" />
           <p class="font-mono text-sm text-fg">{{ $t('claim.modal.taken') }}</p>
         </div>
       </div>
diff --git a/app/components/Package/Maintainers.vue b/app/components/Package/Maintainers.vue
index d802ebec2..340ff9572 100644
--- a/app/components/Package/Maintainers.vue
+++ b/app/components/Package/Maintainers.vue
@@ -228,7 +228,7 @@ watch(
           "
           @click="handleRemoveOwner(maintainer.name)"
         >
-          <span class="i-lucide:circle-x w-3.5 h-3.5" aria-hidden="true" />
+          <span class="i-lucide:x w-3.5 h-3.5" aria-hidden="true" />
         </ButtonBase>
       </li>
     </ul>
@@ -270,7 +270,7 @@ watch(
           <ButtonBase
             :aria-label="$t('package.maintainers.cancel_add')"
             @click="showAddOwner = false"
-            classicon="i-lucide:circle-x"
+            classicon="i-lucide:x"
           />
         </form>
       </div>
diff --git a/app/components/Package/MetricsBadges.vue b/app/components/Package/MetricsBadges.vue
index 8869518dc..b749df528 100644
--- a/app/components/Package/MetricsBadges.vue
+++ b/app/components/Package/MetricsBadges.vue
@@ -72,11 +72,7 @@ const typesHref = computed(() => {
           :variant="hasTypes && !isLoading ? 'default' : 'ghost'"
           :tabindex="0"
           :classicon="
-            isLoading
-              ? 'i-svg-spinners:ring-resize '
-              : hasTypes
-                ? 'i-lucide:check'
-                : 'i-lucide:circle-x'
+            isLoading ? 'i-svg-spinners:ring-resize ' : hasTypes ? 'i-lucide:check' : 'i-lucide:x'
           "
         >
           {{ $t('package.metrics.types_label') }}
@@ -94,11 +90,7 @@ const typesHref = computed(() => {
           tabindex="0"
           :variant="hasEsm && !isLoading ? 'default' : 'ghost'"
           :classicon="
-            isLoading
-              ? 'i-svg-spinners:ring-resize '
-              : hasEsm
-                ? 'i-lucide:check'
-                : 'i-lucide:circle-x'
+            isLoading ? 'i-svg-spinners:ring-resize ' : hasEsm ? 'i-lucide:check' : 'i-lucide:x'
           "
         >
           ESM
diff --git a/app/components/Package/TrendsChart.vue b/app/components/Package/TrendsChart.vue
index 7fc0257c2..41ecba8d4 100644
--- a/app/components/Package/TrendsChart.vue
+++ b/app/components/Package/TrendsChart.vue
@@ -1652,7 +1652,7 @@ watch(selectedMetric, value => {
             </template>
 
             <template #menuIcon="{ isOpen }">
-              <span v-if="isOpen" class="i-lucide:circle-x w-6 h-6" aria-hidden="true" />
+              <span v-if="isOpen" class="i-lucide:x w-6 h-6" aria-hidden="true" />
               <span v-else class="i-lucide:ellipsis-vertical w-6 h-6" aria-hidden="true" />
             </template>
             <template #optionCsv>
@@ -1667,7 +1667,7 @@ watch(selectedMetric, value => {
 
             <template #annotator-action-close>
               <span
-                class="i-lucide:circle-x w-6 h-6 text-fg-subtle"
+                class="i-lucide:x w-6 h-6 text-fg-subtle"
                 style="pointer-events: none"
                 aria-hidden="true"
               />
diff --git a/app/components/Package/VersionDistribution.vue b/app/components/Package/VersionDistribution.vue
index 743a707a7..2eb0c061e 100644
--- a/app/components/Package/VersionDistribution.vue
+++ b/app/components/Package/VersionDistribution.vue
@@ -514,7 +514,7 @@ const endDate = computed(() => {
 
             <!-- Contextual menu icon -->
             <template #menuIcon="{ isOpen }">
-              <span v-if="isOpen" class="i-lucide:circle-x w-6 h-6" aria-hidden="true" />
+              <span v-if="isOpen" class="i-lucide:x w-6 h-6" aria-hidden="true" />
               <span v-else class="i-lucide:ellipsis-vertical w-6 h-6" aria-hidden="true" />
             </template>
 
@@ -532,7 +532,7 @@ const endDate = computed(() => {
             <!-- Annotator action icons -->
             <template #annotator-action-close>
               <span
-                class="i-lucide:circle-x w-6 h-6 text-fg-subtle"
+                class="i-lucide:x w-6 h-6 text-fg-subtle"
                 style="pointer-events: none"
                 aria-hidden="true"
               />

From 6f93fab90753e5f52b7a167978c07c0594114ba8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 16:39:29 +0100
Subject: [PATCH 82/85] style: improve a11y icon

---
 app/components/AppHeader.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/AppHeader.vue b/app/components/AppHeader.vue
index cf8ad157a..e2b7e3f50 100644
--- a/app/components/AppHeader.vue
+++ b/app/components/AppHeader.vue
@@ -70,7 +70,7 @@ const mobileLinks = computed<NavigationConfigWithGroups>(() => [
         to: { name: 'accessibility' },
         type: 'link',
         external: false,
-        iconClass: 'i-lucide:person-standing',
+        iconClass: 'i-lucide:person-standing border rounded-full',
       },
     ],
   },

From 42016065e29692a521457f3c1e6d50490b2c454d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 16:39:41 +0100
Subject: [PATCH 83/85] fix: folder icons

---
 app/utils/file-icons.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/utils/file-icons.ts b/app/utils/file-icons.ts
index d6ea04aa3..977812c7d 100644
--- a/app/utils/file-icons.ts
+++ b/app/utils/file-icons.ts
@@ -314,8 +314,8 @@ export const COMPOUND_EXTENSIONS: Record<string, string> = {
 export const DEFAULT_ICON = 'vscode-icons-default-file'
 
 export const ADDITIONAL_ICONS = {
-  'folder': 'lucide:folder',
-  'folder-open': 'lucide:folder-open',
+  'folder': 'lucide-folder',
+  'folder-open': 'lucide-folder-open',
 }
 
 /**

From 43300799cdb4aec8a46f18456fe7fff0aea7a7ff Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 16:49:48 +0100
Subject: [PATCH 84/85] test: update tests

---
 test/nuxt/components/compare/PackageSelector.spec.ts | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/test/nuxt/components/compare/PackageSelector.spec.ts b/test/nuxt/components/compare/PackageSelector.spec.ts
index e26ea4521..54eece316 100644
--- a/test/nuxt/components/compare/PackageSelector.spec.ts
+++ b/test/nuxt/components/compare/PackageSelector.spec.ts
@@ -54,7 +54,7 @@ describe('PackageSelector', () => {
 
       const removeButtons = component
         .findAll('button')
-        .filter(b => b.find('.i-lucide\\:circle-x').exists())
+        .filter(b => b.find('.i-lucide\\:x').exists())
       expect(removeButtons.length).toBe(2)
     })
 
@@ -65,9 +65,7 @@ describe('PackageSelector', () => {
         },
       })
 
-      const removeButton = component
-        .findAll('button')
-        .find(b => b.find('.i-lucide\\:circle-x').exists())
+      const removeButton = component.findAll('button').find(b => b.find('.i-lucide\\:x').exists())
       await removeButton!.trigger('click')
 
       const emitted = component.emitted('update:modelValue')

From db278896331efd475626f31845d3dff3a3b44038 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Fri, 13 Feb 2026 17:09:32 +0100
Subject: [PATCH 85/85] style: add custom a11y icon

---
 app/components/AppHeader.vue | 4 ++--
 uno.config.ts                | 2 ++
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/components/AppHeader.vue b/app/components/AppHeader.vue
index e2b7e3f50..0b56dcec2 100644
--- a/app/components/AppHeader.vue
+++ b/app/components/AppHeader.vue
@@ -70,7 +70,7 @@ const mobileLinks = computed<NavigationConfigWithGroups>(() => [
         to: { name: 'accessibility' },
         type: 'link',
         external: false,
-        iconClass: 'i-lucide:person-standing border rounded-full',
+        iconClass: 'i-custom:a11y',
       },
     ],
   },
@@ -123,7 +123,7 @@ const mobileLinks = computed<NavigationConfigWithGroups>(() => [
 ])
 
 const showFullSearch = shallowRef(false)
-const showMobileMenu = shallowRef(false)
+const showMobileMenu = shallowRef(true)
 const { env } = useAppConfig().buildInfo
 
 // On mobile, clicking logo+search button expands search
diff --git a/uno.config.ts b/uno.config.ts
index b75446763..45348b92f 100644
--- a/uno.config.ts
+++ b/uno.config.ts
@@ -16,6 +16,8 @@ const customIcons = {
     '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25"><path fill="currentColor" d="M16.346 24.11c-.785-.007-1.384-.235-2.034-.632-.932-.49-1.643-1.314-2.152-2.222-.808 1.003-1.888 1.611-3.097 1.955-.515.15-1.416.301-2.911-.24-2.154-.724-3.723-2.965-3.545-5.25-.033-.946.313-1.875.802-2.674-1.305-.7-2.37-1.876-2.777-3.318-.248-.79-.237-1.64-.146-2.452.327-1.916 1.764-3.582 3.615-4.182.738-1.683 2.35-2.938 4.176-3.193a5.54 5.54 0 0 1 3.528.7C13.351.89 16.043.383 18.1 1.436c1.568.75 2.69 2.312 2.962 4.015 1.492.598 2.749 1.817 3.242 3.365.33.958.34 2.013.127 2.997-.382 1.536-1.465 2.842-2.868 3.557.003.273.901 2.243.751 3.73-.033 1.858-1.211 3.62-2.846 4.475-.954.557-2.085.546-3.12.535m-4.47-5.35c1.322-.148 2.19-1.3 2.862-2.339.319-.473.562-1.002.803-1.506.314.287.58.828 1.075.957.522.163 1.133.03 1.453-.443.611-1.14.31-2.517-.046-3.699-.22-.679-.507-1.375-1.054-1.856.116-.823-.372-1.66-1.065-2.09-.592.47-1.491.468-2.061-.037-1.093 1.115-2.095 1.078-3.063.195-.217-.199-.632 1.212-2.088.413-.837.7-1.485 1.375-2.06 2.346-.559 1.046-1.143 1.976-1.194 3.113-.024.664.495 1.36 1.198 1.306.703.063 1.182-.63 1.714-.917.08.928.169 1.924.482 2.829.36 1.171 1.627 1.916 2.825 1.745zm.687-3.498c-.644-.394-.334-1.25-.36-1.871.064-.75.115-1.538.453-2.221.356-.487 1.226-.3 1.265.326-.026.628-.314 1.254-.28 1.905-.075.544.054 1.155-.186 1.653-.198.275-.6.355-.892.208m-2.81-.358c-.605-.329-.413-1.156-.508-1.73.08-.666.014-1.51.571-1.978.545-.38 1.287.271 1.03.869-.276.755-.096 1.58-.09 2.346a.712.712 0 0 1-1.002.493"/></svg>',
   'vlt':
     '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.9991 5.03666C7.9991 5.46387 7.93211 5.87545 7.80808 6.26145C7.45933 7.34674 7.1975 8.58253 7.7669 9.57009L10.389 14.1177C10.7072 14.6697 11.3617 14.9108 11.9989 14.9108V14.9108V14.9108C12.6352 14.9108 13.2886 14.6699 13.6064 14.1187L16.2301 9.5682C16.7993 8.58097 16.5379 7.34565 16.1895 6.26064C16.0656 5.87488 15.9987 5.46358 15.9987 5.03666C15.9987 2.82777 17.7894 1.03711 19.9983 1.03711C22.2071 1.03711 23.9978 2.82777 23.9978 5.03666C23.9978 7.24555 22.2071 9.03621 19.9983 9.03621V9.03621C19.3609 9.03621 18.7062 9.27733 18.3878 9.82951L15.7661 14.3766C15.1967 15.3642 15.4586 16.6001 15.8074 17.6854C15.9314 18.0715 15.9984 18.4831 15.9984 18.9104C15.9984 21.1193 14.2078 22.9099 11.9989 22.9099C9.79001 22.9099 7.99935 21.1193 7.99935 18.9104C7.99935 18.4834 8.06626 18.072 8.19016 17.6862C8.53863 16.6012 8.80017 15.3657 8.23092 14.3785L5.60752 9.8285C5.28961 9.27712 4.63601 9.03621 3.99955 9.03621V9.03621C1.79066 9.03621 0 7.24555 0 5.03666C0 2.82777 1.79066 1.03711 3.99955 1.03711C6.20844 1.03711 7.9991 2.82777 7.9991 5.03666Z" fill="currentColor"></path></svg>',
+  'a11y':
+    '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><circle cx="12" cy="12" r="10"/><circle cx="12" cy="6" r="1"/><path d="m9 18 3-5 3 5"/><path d="m8 10 8 0"/><path d="M12 10v4"/></svg>',
 }
 
 export default defineConfig({