fix(icons): add color: inherit to mask icons for Safari

unocss · Dec 1, 2022 · c33a81d · c33a81d
1 parent 71a5f98
commit c33a81d
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/preset-icons/src/core.ts b/packages/preset-icons/src/core.ts
@@ -93,14 +93,16 @@ export function createPresetIcons(lookupIconLoader: (options: IconsOptions) => P
             _mode = svg.includes('currentColor') ? 'mask' : 'bg'
 
           if (_mode === 'mask') {
-          // Thanks to https://codepen.io/noahblon/post/coloring-svgs-in-css-background-images
+            // Thanks to https://codepen.io/noahblon/post/coloring-svgs-in-css-background-images
             return {
               '--un-icon': url,
               'mask': 'var(--un-icon) no-repeat',
               'mask-size': '100% 100%',
               '-webkit-mask': 'var(--un-icon) no-repeat',
               '-webkit-mask-size': '100% 100%',
               'background-color': 'currentColor',
+              // for Safari https://github.com/elk-zone/elk/pull/264
+              'color': 'inherit',
               ...usedProps,
             }
           }