diff --git a/components/common/autoTeleport/AutoTeleportWelcomeModal.vue b/components/common/autoTeleport/AutoTeleportWelcomeModal.vue
index 78b3cd37e0..a4cddf4090 100644
--- a/components/common/autoTeleport/AutoTeleportWelcomeModal.vue
+++ b/components/common/autoTeleport/AutoTeleportWelcomeModal.vue
@@ -28,8 +28,8 @@
             class="border border-k-shade p-4"
           >
             <div class="has-accent-blur">
-              <NeoIcon
-                :icon="reasonsIcons[index]"
+              <KIcon
+                :name="reasonsIcons[index]"
                 size="large"
                 class="text-k-primary mb-3"
               />
@@ -77,7 +77,7 @@
 </template>
 
 <script setup lang="ts">
-import { NeoButton, NeoIcon, NeoModal } from '@kodadot1/brick'
+import { NeoButton, NeoModal } from '@kodadot1/brick'
 
 const emit = defineEmits(['close'])
 const props = defineProps<{
@@ -85,7 +85,7 @@ const props = defineProps<{
 }>()
 
 const isModalActive = useVModel(props, 'modelValue')
-const reasonsIcons = ['arrow-right-to-arc', 'hourglass-half', 'wave-sine']
+const reasonsIcons = ['i-mdi:arrow-right-thick', 'i-mdi:timer-sand', 'i-mdi:sine-wave']
 
 const onClose = () => {
   emit('close')
diff --git a/components/common/successfulModal/ShareSocialsSection.vue b/components/common/successfulModal/ShareSocialsSection.vue
index d1d959ad9e..67852c40b0 100644
--- a/components/common/successfulModal/ShareSocialsSection.vue
+++ b/components/common/successfulModal/ShareSocialsSection.vue
@@ -12,9 +12,8 @@
           no-shadow
           @click="handleShareOnX"
         >
-          <NeoIcon
-            pack="fab"
-            icon="x-twitter"
+          <KIcon
+            name="i-ri:twitter-x-fill"
             class="text-k-grey"
           />
         </NeoButton>
@@ -38,10 +37,9 @@
           no-shadow
           @click="handleShareOnTelegram"
         >
-          <NeoIcon
+          <KIcon
+            name="i-ri:telegram-fill"
             class="text-k-grey"
-            pack="fab"
-            icon="telegram"
           />
         </NeoButton>
       </NeoTooltip>
@@ -66,7 +64,7 @@
 </template>
 
 <script setup lang="ts">
-import { NeoButton, NeoIcon, NeoTooltip } from '@kodadot1/brick'
+import { NeoButton, NeoTooltip } from '@kodadot1/brick'
 
 const FarcasterIcon = defineAsyncComponent(
   () => import('@/assets/icons/farcaster-icon.svg?component'),
diff --git a/components/drops/CreateCalendarEventModal.vue b/components/drops/CreateCalendarEventModal.vue
index 388851cae7..422c042ce9 100644
--- a/components/drops/CreateCalendarEventModal.vue
+++ b/components/drops/CreateCalendarEventModal.vue
@@ -25,10 +25,7 @@
           @click="addEvent(provider.id)"
         >
           <div class="flex gap-2 justify-center">
-            <NeoIcon
-              :icon="provider.icon"
-              pack="fab"
-            />
+            <KIcon :name="provider.icon" />
             <span>{{ provider.label }}</span>
           </div>
         </NeoButton>
@@ -38,7 +35,7 @@
 </template>
 
 <script setup lang="ts">
-import { NeoButton, NeoIcon, NeoModal } from '@kodadot1/brick'
+import { NeoButton, NeoModal } from '@kodadot1/brick'
 import { addHours, format } from 'date-fns'
 import ModalBody from '@/components/shared/modals/ModalBody.vue'
 
@@ -58,7 +55,7 @@ const providers: { id: CalendarProvider, label: string, icon: string }[] = [
   {
     id: 'google',
     label: 'Google Calendar',
-    icon: 'google',
+    icon: 'i-mdi:google',
   },
 ]
 
diff --git a/components/explore/FilterMenuButton.vue b/components/explore/FilterMenuButton.vue
index 722c384186..8c48f29029 100644
--- a/components/explore/FilterMenuButton.vue
+++ b/components/explore/FilterMenuButton.vue
@@ -7,8 +7,8 @@
       :class="[{ disabled: disabled }, 'is-hidden-mobile flex items-center']"
       @click="toggleSidebarFilters"
     >
-      <NeoIcon
-        :icon="isSidebarFiltersOpen && !disabled ? 'times' : 'bars'"
+      <KIcon
+        :name="isSidebarFiltersOpen && !disabled ? 'i-mdi:close' : 'i-mdi:menu'"
         size="medium"
       />
     </a>
@@ -27,7 +27,7 @@
 </template>
 
 <script setup lang="ts">
-import { NeoButton, NeoIcon } from '@kodadot1/brick'
+import { NeoButton } from '@kodadot1/brick'
 import ActiveCount from './ActiveCount.vue'
 import { usePreferencesStore } from '@/stores/preferences'
 import useActiveRouterFilters from '@/composables/useActiveRouterFilters'
diff --git a/components/gallery/GalleryItemAction/GalleryItemActionType/GalleryItemBuy.vue b/components/gallery/GalleryItemAction/GalleryItemActionType/GalleryItemBuy.vue
index 2c0dce51c6..e315924300 100644
--- a/components/gallery/GalleryItemAction/GalleryItemActionType/GalleryItemBuy.vue
+++ b/components/gallery/GalleryItemAction/GalleryItemActionType/GalleryItemBuy.vue
@@ -25,15 +25,14 @@
           data-testid="item-add-to-cart"
           @click="onClickShoppingCart"
         >
-          <NeoIcon
+          <KIcon
             size="medium"
             class="w-4 h-4"
-            :icon="
+            :name="
               shoppingCartStore.isItemInCart(nft.id)
-                ? 'fa-striked-out-cart-shopping'
-                : 'fa-shopping-cart-outline-sharp'
+                ? 'i-mdi:cart-off'
+                : 'i-mdi:cart'
             "
-            pack="fa-kit"
           />
         </NeoButton>
       </div>
@@ -51,7 +50,7 @@
 </template>
 
 <script setup lang="ts">
-import { NeoButton, NeoIcon } from '@kodadot1/brick'
+import { NeoButton } from '@kodadot1/brick'
 import GalleryItemPriceSection from '../GalleryItemActionSection.vue'
 import { useShoppingCartStore } from '@/stores/shoppingCart'
 import { usePreferencesStore } from '@/stores/preferences'
diff --git a/components/identity/module/IdentityChain.vue b/components/identity/module/IdentityChain.vue
index 155387c53c..1ab5c10466 100644
--- a/components/identity/module/IdentityChain.vue
+++ b/components/identity/module/IdentityChain.vue
@@ -1,10 +1,9 @@
 <template v-else>
   <div :class="{ 'flex items-center': showBadge }">
-    <NeoIcon
+    <KIcon
       v-if="showBadge"
-      icon="badge-check"
+      name="i-mdi:check"
       class="mr-1"
-      pack="fass"
       size="small"
     />
 
@@ -42,7 +41,6 @@
 
 <script lang="ts" setup>
 import type { GenericAccountId } from '@polkadot/types/generic/AccountId'
-import { NeoIcon } from '@kodadot1/brick'
 import IdentityPopover from './IdentityPopover.vue'
 import { isMobileDevice } from '@/utils/extension'
 
diff --git a/components/identity/module/IdentitySocial.vue b/components/identity/module/IdentitySocial.vue
index 9bf9ce721d..05809b65e5 100644
--- a/components/identity/module/IdentitySocial.vue
+++ b/components/identity/module/IdentitySocial.vue
@@ -6,9 +6,8 @@
       target="_blank"
       rel="nofollow noopener noreferrer"
     >
-      <NeoIcon
-        pack="fab"
-        icon="x-twitter"
+      <KIcon
+        name="i-ri:twitter-x-fill"
       />
       <span class="aligned">
         {{ twitter }}
@@ -18,8 +17,6 @@
 </template>
 
 <script lang="ts" setup>
-import { NeoIcon } from '@kodadot1/brick'
-
 defineProps<{
   twitter: string
   showTwitter: boolean
diff --git a/components/items/ItemsGrid/ItemsGridImage.vue b/components/items/ItemsGrid/ItemsGridImage.vue
index a581a7572d..fe6e80af39 100644
--- a/components/items/ItemsGrid/ItemsGridImage.vue
+++ b/components/items/ItemsGrid/ItemsGridImage.vue
@@ -41,14 +41,13 @@
           class="p-1 !border-l-0"
           @click.prevent="onClickShoppingCart"
         >
-          <NeoIcon
+          <KIcon
             class="w-4 h-4"
-            :icon="
+            :name="
               shoppingCartStore.isItemInCart(nft.id)
-                ? 'fa-striked-out-cart-shopping'
-                : 'fa-shopping-cart-outline-sharp'
+                ? 'i-mdi:cart-off'
+                : 'i-mdi:cart'
             "
-            pack="fa-kit"
           />
         </NeoButton>
       </div>
@@ -76,7 +75,7 @@
 <script setup lang="ts">
 // PLEASE FIX bind-key href => to
 import { resolveComponent } from 'vue'
-import { NeoButton, NeoIcon } from '@kodadot1/brick'
+import { NeoButton } from '@kodadot1/brick'
 import useAtomicSwapAction from './useAtomicSwapAction'
 import type { NftCardVariant } from '@/components/shared/nftCard/types'
 import type { NFTWithMetadata } from '@/composables/useNft'
diff --git a/components/items/ItemsGrid/ItemsGridImageTokenEntity.vue b/components/items/ItemsGrid/ItemsGridImageTokenEntity.vue
index f8e49b626b..adac31ca6f 100644
--- a/components/items/ItemsGrid/ItemsGridImageTokenEntity.vue
+++ b/components/items/ItemsGrid/ItemsGridImageTokenEntity.vue
@@ -46,14 +46,13 @@
           class="p-1 !border-l-0"
           @click.prevent="onClickShoppingCart"
         >
-          <NeoIcon
+          <KIcon
             class="w-4 h-4"
-            :icon="
+            :name="
               shoppingCartStore.isItemInCart(nftForShoppingCart.id)
-                ? 'fa-striked-out-cart-shopping'
-                : 'fa-shopping-cart-outline-sharp'
+                ? 'i-mdi:cart-off'
+                : 'i-mdi:cart'
             "
-            pack="fa-kit"
           />
         </NeoButton>
       </div>
@@ -94,7 +93,7 @@
 <script setup lang="ts">
 // PLEASE FIX bind-key href => to
 import { resolveComponent } from 'vue'
-import { NeoButton, NeoIcon } from '@kodadot1/brick'
+import { NeoButton } from '@kodadot1/brick'
 import { getTokensNfts, useNftActions } from './useNftActions'
 import type { NftCardVariant } from '@/components/shared/nftCard/types'
 import type { TokenEntity } from '@/composables/useNft'
diff --git a/components/massmint/Massmint.vue b/components/massmint/Massmint.vue
index 3453eb4861..8711ed7450 100644
--- a/components/massmint/Massmint.vue
+++ b/components/massmint/Massmint.vue
@@ -6,8 +6,8 @@
           class="absolute left-10 max-lg:static max-lg:mb-8"
           @click="toOnborading"
         >
-          <NeoIcon
-            icon="arrow-left"
+          <KIcon
+            name="i-mdi:arrow-left"
             class="mr-1"
           />
           {{ $t('massmint.backToOnbaording') }}
@@ -103,7 +103,7 @@
 </template>
 
 <script setup lang="ts">
-import { NeoButton, NeoIcon } from '@kodadot1/brick'
+import { NeoButton } from '@kodadot1/brick'
 import UploadMediaZip from './uploadCompressedMedia/UploadCompressedMedia.vue'
 import UploadDescription from './uploadDescription/UploadDescription.vue'
 import OverviewTable from './OverviewTable.vue'
diff --git a/components/profile/CuratedDrops.vue b/components/profile/CuratedDrops.vue
index caccebab19..8d8209421e 100644
--- a/components/profile/CuratedDrops.vue
+++ b/components/profile/CuratedDrops.vue
@@ -13,9 +13,8 @@
             {{ $t('profiles.curatedGenerativDrops.title') }}
           </p>
 
-          <NeoIcon
-            icon="badge-check"
-            pack="fass"
+          <KIcon
+            name="i-mdi:check"
             class="text-k-accent"
           />
         </div>
@@ -81,7 +80,7 @@
 </template>
 
 <script lang="ts" setup>
-import { NeoIcon, NeoSkeleton, NeoTooltip } from '@kodadot1/brick'
+import { NeoSkeleton, NeoTooltip } from '@kodadot1/brick'
 import { useQuery } from '@tanstack/vue-query'
 import { getDrops } from '@/services/fxart'
 
diff --git a/components/profile/ProfileDetail.vue b/components/profile/ProfileDetail.vue
index 37872ba2f8..824b21b724 100644
--- a/components/profile/ProfileDetail.vue
+++ b/components/profile/ProfileDetail.vue
@@ -221,9 +221,8 @@
 
             <NeoDropdownItem @click="shareOnX($i18n.t('sharing.profile'), shareURL, '')">
               <div class="flex text-nowrap w-max items-center">
-                <NeoIcon
-                  icon="x-twitter"
-                  pack="fab"
+                <KIcon
+                  name="i-ri:twitter-x-fill"
                   class="mr-3"
                 />
                 {{ $t('share.twitter') }}
diff --git a/components/profile/create/SelectImageField.vue b/components/profile/create/SelectImageField.vue
index f256265714..729dcc3d1d 100644
--- a/components/profile/create/SelectImageField.vue
+++ b/components/profile/create/SelectImageField.vue
@@ -12,9 +12,8 @@
         v-if="!vSelectedFile && !preview"
         class="flex items-center justify-center bg-neutral-3 dark:bg-neutral-11 w-16 h-16"
       >
-        <NeoIcon
-          icon="up-to-line"
-          pack="fas"
+        <KIcon
+          name="i-mdi:upload"
         />
       </div>
       <NuxtImg
@@ -39,7 +38,7 @@
 </template>
 
 <script setup lang="ts">
-import { NeoButton, NeoIcon, NeoUpload } from '@kodadot1/brick'
+import { NeoButton, NeoUpload } from '@kodadot1/brick'
 
 const NuxtImg = resolveComponent('NuxtImg')
 const ONE_MB = 1024 * 1024
diff --git a/components/profile/create/stages/Form.vue b/components/profile/create/stages/Form.vue
index 8046308acf..60ccced5d9 100644
--- a/components/profile/create/stages/Form.vue
+++ b/components/profile/create/stages/Form.vue
@@ -176,13 +176,14 @@
 </template>
 
 <script setup lang="ts">
-import { NeoButton, NeoField, NeoIcon, NeoInput } from '@kodadot1/brick'
+import { NeoButton, NeoField, NeoInput } from '@kodadot1/brick'
 import type { StatusAPIResponse } from '@farcaster/auth-client'
 import SelectImageField from '../SelectImageField.vue'
 import type { ProfileFormData } from '.'
 import type { Profile } from '@/services/profile'
 import { toSubstrateAddress } from '@/services/profile'
 import { addHttpToUrl } from '@/utils/url'
+import KIcon from '@/components/KIcon.vue'
 
 const FarcasterIcon = defineAsyncComponent(
   () => import('@/assets/icons/farcaster-icon.svg?component'),
@@ -198,14 +199,14 @@ const socialLinks = [
   },
   {
     name: 'website',
-    icon: () => h(NeoIcon, { icon: 'globe', pack: 'fas' }),
+    icon: () => h(KIcon, { name: 'i-mdi:earth' }),
     model: 'website',
     placeholder: 'Website',
     testId: 'create-profile-input-website',
   },
   {
     name: 'twitter',
-    icon: () => h(NeoIcon, { icon: 'x-twitter', pack: 'fab' }),
+    icon: () => h(KIcon, { name: 'i-ri:twitter-x-fill' }),
     model: 'twitterHandle',
     placeholder: 'Twitter Handle',
     testId: 'create-profile-input-twitter-handle',
diff --git a/components/search/SearchSuggestion.vue b/components/search/SearchSuggestion.vue
index 335a554f2f..a7b76d5778 100644
--- a/components/search/SearchSuggestion.vue
+++ b/components/search/SearchSuggestion.vue
@@ -215,7 +215,7 @@
         @click="goToExploreResults(item)"
       >
         <div class="flex items-center">
-          <NeoIcon icon="history" />
+          <KIcon name="i-mdi:history" />
           <div class="ml-3 history-label">
             {{ item.name }}
           </div>
@@ -280,7 +280,7 @@
 
 <script setup lang="ts">
 import { useDebounceFn } from '@vueuse/core'
-import { NeoIcon, NeoSkeleton, NeoTabItem, NeoTabs } from '@kodadot1/brick'
+import { NeoSkeleton, NeoTabItem, NeoTabs } from '@kodadot1/brick'
 import { useTopCollections } from '../landing/topCollections/utils/useTopCollections'
 import { fetchCollectionSuggestion } from './utils/collectionSearch'
 import type { DefaultCollectionSuggestion, SearchQuery } from './types'
diff --git a/components/shared/DragDrop.vue b/components/shared/DragDrop.vue
index de5d9f2b9c..77cae5b5c8 100644
--- a/components/shared/DragDrop.vue
+++ b/components/shared/DragDrop.vue
@@ -17,8 +17,8 @@
           <slot name="title">
             <span class="mb-4 text-left">{{ title }}</span>
           </slot>
-          <NeoIcon
-            :icon="icon"
+          <KIcon
+            :name="icon"
             class="icon-size text-k-grey py-3"
             custom-size="fa-2x"
             pack="fass"
@@ -57,7 +57,7 @@
 </template>
 
 <script setup lang="ts">
-import { NeoIcon, NeoUpload } from '@kodadot1/brick'
+import { NeoUpload } from '@kodadot1/brick'
 
 const { $i18n } = useNuxtApp()
 
@@ -73,7 +73,7 @@ const props = withDefaults(
   {
     accept: '',
     title: '',
-    icon: 'cloud-arrow-up',
+    icon: 'i-mdi:cloud-arrow-up',
     subtitle: undefined,
     disabled: false,
   },
diff --git a/components/shared/PillTabs.vue b/components/shared/PillTabs.vue
index 762be621a9..27ee4111fa 100644
--- a/components/shared/PillTabs.vue
+++ b/components/shared/PillTabs.vue
@@ -23,11 +23,10 @@
 
       <span>{{ tab.label }}</span>
 
-      <NeoIcon
+      <KIcon
         v-if="tab.ticked"
         class="ml-2 text-k-green"
-        icon="fa-check"
-        pack="fa-solid"
+        name="i-mdi:check"
       />
     </NeoButton>
   </div>
diff --git a/components/shared/SigningModal/SigningModalBody.vue b/components/shared/SigningModal/SigningModalBody.vue
index c299a980d9..6c1f616d2e 100644
--- a/components/shared/SigningModal/SigningModalBody.vue
+++ b/components/shared/SigningModal/SigningModalBody.vue
@@ -25,9 +25,9 @@
       solid
     >
       <template v-if="failed">
-        <NeoIcon
+        <KIcon
           class="text-k-red mr-6"
-          icon="xmark"
+          name="i-mdi:close"
           size="large"
         />
 
@@ -67,7 +67,7 @@
 </template>
 
 <script setup lang="ts">
-import { NeoButton, NeoIcon } from '@kodadot1/brick'
+import { NeoButton } from '@kodadot1/brick'
 import type { TransactionStatus } from '@/composables/useTransactionStatus'
 
 defineEmits(['tryAgain'])
diff --git a/components/shared/TabItem.vue b/components/shared/TabItem.vue
index fe5d1d3cb3..993f6a3a9d 100644
--- a/components/shared/TabItem.vue
+++ b/components/shared/TabItem.vue
@@ -17,9 +17,9 @@
       >{{
         formatNumber(count)
       }}</span>
-      <NeoIcon
+      <KIcon
         v-if="icon"
-        :icon="icon"
+        :name="icon"
         class="ml-2"
       />
     </NeoButton>
@@ -27,7 +27,7 @@
 </template>
 
 <script setup lang="ts">
-import { NeoButton, NeoIcon } from '@kodadot1/brick'
+import { NeoButton } from '@kodadot1/brick'
 import { resolveComponent } from 'vue'
 import { formatNumber } from '@/utils/format/balance'
 
@@ -51,7 +51,7 @@ const props = withDefaults(
 )
 
 const icon = computed(() =>
-  props.showActiveCheck && props.active ? 'check' : '',
+  props.showActiveCheck && props.active ? 'i-mdi:check' : '',
 )
 </script>
 
diff --git a/components/shared/TransactionSteps/TransactionStepsItem.vue b/components/shared/TransactionSteps/TransactionStepsItem.vue
index 2b2e629ab9..132332f164 100644
--- a/components/shared/TransactionSteps/TransactionStepsItem.vue
+++ b/components/shared/TransactionSteps/TransactionStepsItem.vue
@@ -22,10 +22,10 @@
         :size="iconSize"
       />
 
-      <NeoIcon
+      <KIcon
         v-else-if="isFailed"
         class="text-k-red"
-        icon="xmark"
+        name="i-mdi:close"
         :size="iconSize"
       />
     </div>
@@ -96,7 +96,7 @@
 </template>
 
 <script setup lang="ts">
-import { NeoButton, NeoIcon, NeoTooltip } from '@kodadot1/brick'
+import { NeoButton, NeoTooltip } from '@kodadot1/brick'
 import { type Prefix } from '@kodadot1/static'
 import type { TransactionStepStatus } from './utils'
 
diff --git a/components/shared/audioPlayer/AudioPlayer.vue b/components/shared/audioPlayer/AudioPlayer.vue
index 3be2881b52..768f1edf7d 100644
--- a/components/shared/audioPlayer/AudioPlayer.vue
+++ b/components/shared/audioPlayer/AudioPlayer.vue
@@ -16,11 +16,9 @@
           variant="border-icon"
           @click="togglePlay"
         >
-          <NeoIcon
+          <KIcon
             v-if="!playDisabled"
-            :icon="playing ? 'pause' : 'play'"
-            custom-size="fa-solid"
-            pack="fass"
+            :name="playing ? 'i-mdi:pause' : 'i-mdi:play'"
           />
         </NeoButton>
       </div>
@@ -64,9 +62,8 @@
           variant="border-icon"
           @click="toggleMute"
         >
-          <NeoIcon
-            :icon="muted ? 'volume-slash' : 'volume'"
-            pack="fass"
+          <KIcon
+            :name="muted ? 'i-mdi:volume-mute' : 'i-mdi:volume'"
           />
         </NeoButton>
       </div>
@@ -77,7 +74,7 @@
 <script lang="ts" setup>
 import { computed, ref } from 'vue'
 import { useEventListener, useMediaControls } from '@vueuse/core'
-import { NeoButton, NeoIcon, NeoSkeleton } from '@kodadot1/brick'
+import { NeoButton, NeoSkeleton } from '@kodadot1/brick'
 import Waveform from './Waveform.vue'
 import { getRandomValues } from '@/components/unique/utils'
 
diff --git a/components/shared/collapse/CollapseCardWrapper.vue b/components/shared/collapse/CollapseCardWrapper.vue
index ebcbac9bd9..f9ac2b0ed3 100644
--- a/components/shared/collapse/CollapseCardWrapper.vue
+++ b/components/shared/collapse/CollapseCardWrapper.vue
@@ -16,7 +16,7 @@
             {{ $t(label) }}
           </p>
           <a class="card-header-icon">
-            <NeoIcon :icon="props.open ? 'chevron-up' : 'chevron-down'" />
+            <KIcon :name="props.open ? 'i-mdi:chevron-up' : 'i-mdi:chevron-down'" />
           </a>
         </div>
       </template>
@@ -30,7 +30,7 @@
 </template>
 
 <script lang="ts" setup>
-import { NeoCollapse, NeoIcon } from '@kodadot1/brick'
+import { NeoCollapse } from '@kodadot1/brick'
 
 withDefaults(
   defineProps<{
diff --git a/components/shared/collapse/CollapseWrapper.vue b/components/shared/collapse/CollapseWrapper.vue
index 2ab658a2ba..e23f5295c5 100644
--- a/components/shared/collapse/CollapseWrapper.vue
+++ b/components/shared/collapse/CollapseWrapper.vue
@@ -11,9 +11,9 @@
           aria-controls="contentIdForA11y1"
           class="mb-2"
         >
-          <NeoIcon
+          <KIcon
             class="collapse-icon"
-            :icon="!props.open ? 'eye' : 'eye-slash'"
+            :name="!props.open ? 'i-mdi:eye' : 'i-mdi:eye-off'"
           />
           <span class="pl-1">{{ $t(!props.open ? visible : hidden) }}</span>
         </a>
@@ -24,7 +24,7 @@
 </template>
 
 <script lang="ts" setup>
-import { NeoCollapse, NeoIcon } from '@kodadot1/brick'
+import { NeoCollapse } from '@kodadot1/brick'
 
 const cprops = withDefaults(
   defineProps<{
diff --git a/components/shared/filters/modules/SiderbarFilterSection.vue b/components/shared/filters/modules/SiderbarFilterSection.vue
index df4aee322e..09d39b9498 100644
--- a/components/shared/filters/modules/SiderbarFilterSection.vue
+++ b/components/shared/filters/modules/SiderbarFilterSection.vue
@@ -15,7 +15,7 @@
           {{ title }}
         </p>
         <a class="card-header-icon">
-          <NeoIcon :icon="open ? 'minus' : 'plus'" />
+          <KIcon :name="open ? 'i-mdi:minus' : 'i-mdi:plus'" />
         </a>
       </div>
     </template>
@@ -26,7 +26,7 @@
 </template>
 
 <script lang="ts" setup>
-import { NeoCollapse, NeoIcon } from '@kodadot1/brick'
+import { NeoCollapse } from '@kodadot1/brick'
 
 withDefaults(
   defineProps<{
diff --git a/components/shared/gallery/NeoTag.vue b/components/shared/gallery/NeoTag.vue
index 5694612328..7f94b7e6ab 100644
--- a/components/shared/gallery/NeoTag.vue
+++ b/components/shared/gallery/NeoTag.vue
@@ -7,10 +7,10 @@
     :class="[`tag--${variant}`, `tag-size--${size}`]"
   >
     <slot />
-    <NeoIcon
+    <KIcon
       v-if="closable"
       aria-close-label="clear filter"
-      icon="xmark"
+      name="i-mdi:close"
       class="ml-2 cursor-pointer cross-icon"
       @click="onClose"
     />
@@ -18,8 +18,6 @@
 </template>
 
 <script lang="ts" setup>
-import { NeoIcon } from '@kodadot1/brick'
-
 type TagSize = 'small' | 'medium'
 type TagVariant = 'primary' | 'k-blue' | 'k-blue-2' | 'transparent' | 'k-green' | 'k-purple' | 'k-grey' | 'k-orange'
 
diff --git a/components/trade/TradeExpiration.vue b/components/trade/TradeExpiration.vue
index 23b1679e4c..c8ea5b8f48 100644
--- a/components/trade/TradeExpiration.vue
+++ b/components/trade/TradeExpiration.vue
@@ -3,7 +3,7 @@
     v-if="trade.expirationDate && !trade.isExpired"
     class="flex gap-3"
   >
-    <NeoIcon icon="clock" />
+    <KIcon name="i-mdi:clock" />
     <span class="capitalize"> {{ label }}</span>
   </div>
   <span v-else>
@@ -12,7 +12,6 @@
 </template>
 
 <script setup lang="ts">
-import { NeoIcon } from '@kodadot1/brick'
 import { formatToNow } from '@/utils/format/time'
 import type { TradeNftItem } from '@/components/trade/types'
 import { blank as defaultBlank } from '@/components/collection/activity/events/eventRow/common'
diff --git a/components/trade/TradeOwnerButton.vue b/components/trade/TradeOwnerButton.vue
index 012ec42adf..c39088e105 100644
--- a/components/trade/TradeOwnerButton.vue
+++ b/components/trade/TradeOwnerButton.vue
@@ -18,7 +18,7 @@
           class="!p-0"
           @click="emit('click:counter-swap')"
         >
-          <NeoIcon icon="repeat" />
+          <KIcon name="i-mdi:repeat" />
         </NeoButton>
       </NeoTooltip>
     </template>
@@ -26,7 +26,7 @@
 </template>
 
 <script setup lang="ts">
-import { NeoButton, NeoIcon, NeoTooltip } from '@kodadot1/brick'
+import { NeoButton, NeoTooltip } from '@kodadot1/brick'
 import type { ButtonConfig } from '../profile/types'
 import { TradeType, type TradeNftItem } from '@/components/trade/types'
 
diff --git a/components/trade/TradePriceInput.vue b/components/trade/TradePriceInput.vue
index c373ec55ad..0735f993f9 100644
--- a/components/trade/TradePriceInput.vue
+++ b/components/trade/TradePriceInput.vue
@@ -25,9 +25,9 @@
           <div class="flex items-center">
             {{ isSymbolMode ? chainSymbol : 'USD' }}
           </div>
-          <NeoIcon
+          <KIcon
             class="text-k-grey"
-            icon="arrows-cross"
+            name="i-mdi:arrow-decision"
           />
         </div>
       </NeoButton>
@@ -52,7 +52,7 @@
 </template>
 
 <script setup lang="ts">
-import { NeoButton, NeoIcon } from '@kodadot1/brick'
+import { NeoButton } from '@kodadot1/brick'
 import { roundTo } from '@/utils/format/balance'
 
 const props = defineProps<{
diff --git a/components/trade/overviewModal/TokenInCollection.vue b/components/trade/overviewModal/TokenInCollection.vue
index 72c250e715..cf66c06c9e 100644
--- a/components/trade/overviewModal/TokenInCollection.vue
+++ b/components/trade/overviewModal/TokenInCollection.vue
@@ -30,8 +30,8 @@
             $emit('send-item:clear')
           }"
         >
-          <NeoIcon
-            icon="close"
+          <KIcon
+            name="i-mdi:close"
             size="small"
           />
         </NeoButton>
@@ -61,7 +61,7 @@
 </template>
 
 <script setup lang="ts">
-import { NeoButton, NeoIcon } from '@kodadot1/brick'
+import { NeoButton } from '@kodadot1/brick'
 import CollectionItemDetails from './CollectionItemDetails.vue'
 import TokenSearchInput from './TokenSearchInput.vue'
 import TokenItemDetails from './TokenItemDetails.vue'
diff --git a/components/transfer/Transfer.vue b/components/transfer/Transfer.vue
index 92dacb7683..b41704a6a3 100644
--- a/components/transfer/Transfer.vue
+++ b/components/transfer/Transfer.vue
@@ -46,8 +46,8 @@
             data-testid="transfer-dropdown-pay-me"
             @click="toast($t('toast.urlCopy'))"
           >
-            <NeoIcon
-              icon="sack-dollar"
+            <KIcon
+              name="i-mdi:sack-percent"
               class="mr-2"
             />{{
               $t('transfers.payMeLink')
@@ -60,8 +60,8 @@
             data-testid="transfer-dropdown-recurring"
             @click="toast($t('toast.urlCopy'))"
           >
-            <NeoIcon
-              icon="rotate"
+            <KIcon
+              name="i-mdi:rotate-3d-variant"
               class="mr-2"
             />{{
               $t('transfers.recurringPaymentLink')
@@ -167,9 +167,9 @@
               v-if="targetAddresses.length > 1"
               @click="deleteAddress(index)"
             >
-              <NeoIcon
+              <KIcon
                 class="p-3"
-                icon="trash"
+                name="i-mdi:delete"
               />
             </a>
           </div>
@@ -242,9 +242,9 @@
                 data-testid="transfer-remove-recipient"
                 @click="deleteAddress(index)"
               >
-                <NeoIcon
+                <KIcon
                   class="p-3"
-                  icon="trash"
+                  name="i-mdi:delete"
                 />
               </a>
             </div>
@@ -390,7 +390,6 @@ import {
   NeoButton,
   NeoDropdown,
   NeoDropdownItem,
-  NeoIcon,
   NeoInput,
   NeoSwitch,
   NeoTooltip,
diff --git a/components/transfer/TransferConfirmModal.vue b/components/transfer/TransferConfirmModal.vue
index a770d2ce59..47de6516c3 100644
--- a/components/transfer/TransferConfirmModal.vue
+++ b/components/transfer/TransferConfirmModal.vue
@@ -80,9 +80,8 @@
           <span class="mx-2 text-base">
             {{ targetAddresses.length }} {{ $t('transfers.recipients') }}
           </span>
-          <NeoIcon
-            :icon="isExpandList ? 'angle-up' : 'angle-down'"
-            pack="far"
+          <KIcon
+            :name="isExpandList ? 'i-mdi:chevron-up' : 'i-mdi:chevron-down'"
           />
         </div>
       </div>
@@ -156,7 +155,7 @@
 </template>
 
 <script setup lang="ts">
-import { NeoButton, NeoIcon, NeoStickyModal, NeoTooltip } from '@kodadot1/brick'
+import { NeoButton, NeoStickyModal, NeoTooltip } from '@kodadot1/brick'
 import { NAMES } from '@/libs/static/src/names'
 import Avatar from '@/components/shared/Avatar.vue'
 import Identity from '@/components/identity/IdentityIndex.vue'
diff --git a/libs/ui/src/components/NeoIcon/NeoIcon.story.vue b/libs/ui/src/components/NeoIcon/NeoIcon.story.vue
deleted file mode 100644
index a775c8bd4a..0000000000
--- a/libs/ui/src/components/NeoIcon/NeoIcon.story.vue
+++ /dev/null
@@ -1,14 +0,0 @@
-<template>
-  <Story
-    title="NeoIcon"
-    :layout="{ type: 'grid', width: '200px' }"
-  >
-    <Variant title="icon">
-      <NeoIcon icon="check" />
-    </Variant>
-  </Story>
-</template>
-
-<script lang="ts" setup>
-import NeoIcon from './NeoIcon.vue'
-</script>
diff --git a/pages/carbonless.vue b/pages/carbonless.vue
index 261183634c..209065be4d 100644
--- a/pages/carbonless.vue
+++ b/pages/carbonless.vue
@@ -1,7 +1,7 @@
 <template>
   <section>
     <h1 class="title is-1">
-      <NeoIcon icon="leaf" />
+      <KIcon name="i-mdi:leaf" />
       Carbonless NFT Movement
     </h1>
     <h1 class="subtitle">
@@ -132,13 +132,8 @@
 </template>
 
 <script lang="ts">
-import { NeoIcon } from '@kodadot1/brick'
-
 export default {
   name: 'CarbonlessPage',
-  components: {
-    NeoIcon,
-  },
   setup() {
     useHead({
       title: 'Carbonless NFT Movement',
diff --git a/pages/drop-checker/[chain]/[collection].vue b/pages/drop-checker/[chain]/[collection].vue
index 6fbcd6125a..4ecc7e1890 100644
--- a/pages/drop-checker/[chain]/[collection].vue
+++ b/pages/drop-checker/[chain]/[collection].vue
@@ -45,9 +45,9 @@
               name="i-mdi:check-circle-outline"
               class="text-k-green"
             />
-            <neo-icon
+            <KIcon
               v-else
-              icon="xmark"
+              name="i-mdi:xmark"
               class="text-k-red"
             />
             Collection supply
@@ -307,7 +307,7 @@
 </template>
 
 <script lang="ts" setup>
-import { NeoButton, NeoCollapse, NeoIcon } from '@kodadot1/brick'
+import { NeoButton, NeoCollapse } from '@kodadot1/brick'
 import { keccakAsHex } from '@polkadot/util-crypto'
 import type { Prefix } from '@kodadot1/static'
 import collectionById from '@/queries/subsquid/general/collectionById.query'
diff --git a/pages/sustainability.vue b/pages/sustainability.vue
index 36006fbb7d..f5cd08f90f 100644
--- a/pages/sustainability.vue
+++ b/pages/sustainability.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <h1 class="title is-1">
-      <NeoIcon icon="leaf" />
+      <KIcon name="i-mdi:leaf" />
       Sustainability of KodaDot
     </h1>
     <h1 class="subtitle">
@@ -95,8 +95,6 @@
 </template>
 
 <script lang="ts" setup>
-import { NeoIcon } from '@kodadot1/brick'
-
 const config = useRuntimeConfig()
 
 definePageMeta({