replace search icon

Author: essenmitsosse

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) -->

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>

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>

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"

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

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') }}