replace npm icon

Author: essenmitsosse

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"
             />

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>

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>

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>