From 70c7e044994cd1f6168516a403603bcac9334b73 Mon Sep 17 00:00:00 2001
From: Krishan Patel <krishan711@gmail.com>
Date: Mon, 2 Nov 2026 20:22:04 +0000
Subject: [PATCH] Fiddle: fall back to the same icon set versions the vite
 plugin bundles

---
 CHANGELOG.md                         | 1 +
 src/particles/kibaIcon/component.tsx | 6 +++---
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 70683081..4d9bf58f 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -15,6 +15,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
 - [MAJOR] Added `@kibalabs/ui-react/toast` (all of `@kibalabs/ui-react-toast`) and `@kibalabs/ui-react/dropzone` (all of `@kibalabs/ui-react-dropzone`) with their styles, `react-hot-toast` and `react-dropzone` are optional peer dependencies
 
 ### Changed
+- [MINOR] Changed `KibaIcon`'s runtime fallback to the icon set versions the vite plugin bundles (ionicons v8, material icons from `@material-design-icons/svg`, remixicon v4)
 - [MINOR] Changed `KibaIcon` to fetch each icon once per page (shared between instances), retry once and ignore responses for a previous `iconId`
 - [MINOR] Changed `AppDownloadButton` to use bundled badges (loaded lazily) instead of `assets-cdn.kiba.dev`
 - [PATCH] Changed `Carousel` to use ionicons chevrons
diff --git a/src/particles/kibaIcon/component.tsx b/src/particles/kibaIcon/component.tsx
index eed016dc..97eac97d 100644
--- a/src/particles/kibaIcon/component.tsx
+++ b/src/particles/kibaIcon/component.tsx
@@ -19,14 +19,14 @@ interface IconData {
 const getIconData = (iconId: string): IconData | null => {
   if (iconId.startsWith('ion-')) {
     return {
-      url: `https://assets-cdn.kiba.dev/ionicons/v5/${iconId.replace('ion-', '')}.svg`,
+      url: `https://assets-cdn.kiba.dev/ionicons/v8/${iconId.replace('ion-', '')}.svg`,
       shouldAddFill: true,
       shouldAddStroke: false,
     };
   }
   if (iconId.startsWith('mui-')) {
     return {
-      url: `https://assets-cdn.kiba.dev/material-icons/v1/${iconId.replace('mui-', '')}.svg`,
+      url: `https://assets-cdn.kiba.dev/material-icons/v2/${iconId.replace('mui-', '')}.svg`,
       shouldAddFill: true,
       shouldAddStroke: false,
     };
@@ -47,7 +47,7 @@ const getIconData = (iconId: string): IconData | null => {
   }
   if (iconId.startsWith('remix-')) {
     return {
-      url: `https://assets-cdn.kiba.dev/remix-icons/v2/${iconId.replace('remix-', '')}.svg`,
+      url: `https://assets-cdn.kiba.dev/remix-icons/v4/${iconId.replace('remix-', '')}.svg`,
       shouldAddFill: true,
       shouldAddStroke: false,
     };