fix(svelte): fix custom icon classes

fixes #4126
framework7io · Jan 31, 2023 · 06b406c · 06b406c
1 parent 76e8e66
commit 06b406c
Showing 1 changed file with 14 additions and 4 deletions.
diff --git a/src/svelte/components/icon.svelte b/src/svelte/components/icon.svelte
@@ -38,16 +38,26 @@
   }
 
   $: if (themeIcon) {
+    classes = {
+      icon: true,
+    };
     const parts = themeIcon.split(':');
     const prop = parts[0];
     const value = parts[1];
     if (prop === 'material' || prop === 'f7') {
       classes['material-icons'] = prop === 'material';
       classes['f7-icons'] = prop === 'f7';
-    }
-
-    if (prop === 'icon') {
-      classes[value] = true;
+      if (prop === 'icon') {
+        classes[value] = true;
+      }
+    } else {
+      if (themeIcon.includes(':')) {
+        themeIcon = themeIcon
+          .split(' ')
+          .map((el) => el.replace('icon:', ''))
+          .join(' ');
+      }
+      classes[themeIcon] = true;
     }
   } else {
     classes = {