@mirohq/design-system-icons 0.46.0-red-icons.0 → 0.47.0

package/react/sort-ascending.tsx

@@ -4,30 +4,34 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconSortAscending: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
-        fill: 'red',
+        fill: 'none',
         ref: forwardRef,
       },
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeLinecap='round'
         strokeLinejoin='round'
         strokeWidth='var(--svg-stroke-width)'
         d='M3 6h14m-14 6h7m-7 6h5m9-8v9m0 0-4-4m4 4 4-4'
       />
     )
+  }
 )
 
 IconSortAscending[iconSymbol] = true

package/react/sort-descending.tsx

@@ -4,30 +4,34 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconSortDescending: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
-        fill: 'red',
+        fill: 'none',
         ref: forwardRef,
       },
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeLinecap='round'
         strokeLinejoin='round'
         strokeWidth='var(--svg-stroke-width)'
         d='M3 18h14m-14-6h7m-7-6h5m9 8v-9m0 0 4 4m-4-4-4 4'
       />
     )
+  }
 )
 
 IconSortDescending[iconSymbol] = true

package/react/sparks-filled.tsx

@@ -4,41 +4,45 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconSparksFilled: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
-        fill: 'red',
+        fill: 'none',
         ref: forwardRef,
       },
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeLinecap='round'
         strokeLinejoin='round'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 12v.0001'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M11 12v.0001'
       />,
       <path
-        fill='red'
+        fill='currentColor'
         fillRule='evenodd'
         d='M4.604 2.2673c.1437-.3564.6483-.3564.792 0l.5357 1.3285a.854.854 0 0 0 .4726.4726l1.3284.5356c.3564.1437.3564.6483 0 .792l-1.3284.5357a.854.854 0 0 0-.4726.4726l-.5357 1.3284c-.1437.3564-.6483.3564-.792 0l-.5356-1.3284a.854.854 0 0 0-.4726-.4726l-1.3285-.5357c-.3564-.1437-.3564-.6483 0-.792l1.3284-.5356a.854.854 0 0 0 .4727-.4727l.5356-1.3284Zm9.472 3.3565c.3353-.8317 1.5127-.8317 1.848-.0001l1.25 3.0997a1.9925 1.9925 0 0 0 1.1028 1.1029l3.0995 1.2497c.8316.3353.8316 1.5126 0 1.848l-3.0996 1.25a1.9927 1.9927 0 0 0-1.1027 1.1027l-1.25 3.0996c-.3354.8316-1.5127.8316-1.848 0l-1.2497-3.0995a1.9926 1.9926 0 0 0-1.1029-1.1028l-3.0997-1.25c-.8316-.3353-.8316-1.5127 0-1.848l3.0996-1.2497a1.9926 1.9926 0 0 0 1.103-1.103l1.2497-3.0995Zm-8.68 10.6435c-.1437-.3564-.6483-.3564-.792 0l-.5356 1.3284a.854.854 0 0 1-.4727.4727l-1.3284.5356c-.3564.1437-.3564.6483 0 .792l1.3285.5357a.8539.8539 0 0 1 .4726.4727l.5356 1.3283c.1437.3564.6483.3564.792 0l.5357-1.3284a.854.854 0 0 1 .4726-.4726l1.3284-.5357c.3564-.1437.3564-.6483 0-.792l-1.3284-.5356a.854.854 0 0 1-.4726-.4726l-.5357-1.3285Z'
         clipRule='evenodd'
       />
     )
+  }
 )
 
 IconSparksFilled[iconSymbol] = true

package/react/sparks.tsx

@@ -4,37 +4,41 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconSparks: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
-        fill: 'red',
+        fill: 'none',
         ref: forwardRef,
       },
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M9.7608 3.958c.3324-1.2773 2.146-1.2773 2.4784 0 1.4019 5.3879 1.4149 5.4009 6.8028 6.8028 1.2773.3324 1.2773 2.146 0 2.4784-5.3879 1.4019-5.4009 1.4149-6.8028 6.8028-.3324 1.2773-2.146 1.2773-2.4784 0-1.4019-5.3879-1.415-5.4009-6.8028-6.8028-1.2773-.3324-1.2773-2.146 0-2.4784 5.3879-1.4019 5.4009-1.415 6.8028-6.8028Z'
       />,
       <path
-        fill='red'
+        fill='currentColor'
         d='M19.7722 2.5045c.0886-.1962.3671-.1962.4557 0l.6667 1.476a.2496.2496 0 0 0 .1249.125l1.4761.6667c.1961.0885.1961.367 0 .4556l-1.4761.6667a.2496.2496 0 0 0-.1249.125l-.6667 1.476c-.0886.1962-.3671.1962-.4557 0l-.6667-1.476a.2496.2496 0 0 0-.1249-.125l-1.4761-.6667c-.1961-.0885-.1961-.367 0-.4556l1.4761-.6667a.2496.2496 0 0 0 .1249-.125l.6667-1.476ZM19.7722 16.5045c.0886-.1962.3671-.1962.4557 0l.6667 1.4761a.25.25 0 0 0 .1249.1249l1.4761.6667c.1961.0885.1961.3671 0 .4556l-1.4761.6667a.25.25 0 0 0-.1249.1249l-.6667 1.4761c-.0886.1962-.3671.1962-.4557 0l-.6667-1.4761a.25.25 0 0 0-.1249-.1249l-1.4761-.6667c-.1961-.0885-.1961-.3671 0-.4556l1.4761-.6667a.25.25 0 0 0 .1249-.1249l.6667-1.4761Z'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M15 10v.0001'
       />
     )
+  }
 )
 
 IconSparks[iconSymbol] = true

package/react/speaker-cross.tsx

@@ -4,34 +4,38 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconSpeakerCross: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
-        fill: 'red',
+        fill: 'none',
         ref: forwardRef,
       },
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeLinecap='round'
         strokeWidth='var(--svg-stroke-width)'
         d='m21 9.5-5 5m0-5 5 5m-17.9.5h3.8558c.0281 0 .055.0119.074.0327l4.7962 5.2759c.0615.0676.174.0241.174-.0673v-16.4826c0-.0914-.1125-.135-.174-.0673l-4.7962 5.2759a.1.1 0 0 1-.074.0327h-3.8558a.1.1 0 0 0-.1.1v5.8a.1.1 0 0 0 .1.1Z'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 11.9999v.0001'
       />
     )
+  }
 )
 
 IconSpeakerCross[iconSymbol] = true

package/react/speaker-high.tsx

@@ -4,34 +4,38 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconSpeakerHigh: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
-        fill: 'red',
+        fill: 'none',
         ref: forwardRef,
       },
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeLinecap='round'
         strokeWidth='var(--svg-stroke-width)'
         d='M16 10v4m3-8.5v12.5m-15.9-3h3.8558c.0281 0 .055.0119.074.0327l4.7962 5.2759c.0615.0676.174.0241.174-.0673v-16.4826c0-.0914-.1125-.135-.174-.0673l-4.7962 5.2759a.1.1 0 0 1-.074.0327h-3.8558a.1.1 0 0 0-.1.1v5.8a.1.1 0 0 0 .1.1Z'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 11.9999v.0001'
       />
     )
+  }
 )
 
 IconSpeakerHigh[iconSymbol] = true

package/react/split-vertical.tsx

@@ -4,35 +4,39 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconSplitVertical: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
-        fill: 'red',
+        fill: 'none',
         ref: forwardRef,
       },
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeLinecap='round'
         strokeLinejoin='round'
         strokeWidth='var(--svg-stroke-width)'
         d='M5 6.5v-2.5h14v2.5m-17 5.5h20m-17 5.5v2.5h14v-2.5'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 12v.0001'
       />
     )
+  }
 )
 
 IconSplitVertical[iconSymbol] = true

package/react/square-arrow-in.tsx

@@ -4,30 +4,34 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconSquareArrowIn: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
-        fill: 'red',
+        fill: 'none',
         ref: forwardRef,
       },
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeLinecap='round'
         strokeLinejoin='round'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 21v-12m0 0 4 4.5m-4-4.5-4 4.5m0 6.5h-4c-.5523 0-1-.4477-1-1v-15c0-.5523.4477-1 1-1h16c.5523 0 1 .4477 1 1v15c0 .5523-.4477 1-1 1h-4'
       />
     )
+  }
 )
 
 IconSquareArrowIn[iconSymbol] = true

package/react/square-brackets-angle-slash.tsx

@@ -4,34 +4,38 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconSquareBracketsAngleSlash: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
-        fill: 'red',
+        fill: 'none',
         ref: forwardRef,
       },
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeLinecap='round'
         strokeWidth='var(--svg-stroke-width)'
         d='m6 4-2.8232 2.8232a.25.25 0 0 0 0 .3536l2.8232 2.8232m5-7-2 8m5-7 2.8232 2.8232a.2499.2499 0 0 1 0 .3536l-2.8232 2.8232m5-7v0c1.1046 0 2 .8954 2 2v14c0 1.1046-.8954 2-2 2h-14c-1.1046 0-2-.8954-2-2v-5'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M9 11v.0001'
       />
     )
+  }
 )
 
 IconSquareBracketsAngleSlash[iconSymbol] = true

package/react/square-circles-two.tsx

@@ -4,38 +4,42 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconSquareCirclesTwo: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
-        fill: 'red',
+        fill: 'none',
         ref: forwardRef,
       },
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeLinecap='round'
         strokeWidth='var(--svg-stroke-width)'
         d='M19.75 4h-15.5a.25.25 0 0 0-.25.25v15.5a.25.25 0 0 0 .25.25h15.5a.25.25 0 0 0 .25-.25v-15.5a.25.25 0 0 0-.25-.25Z'
       />,
       <path
-        fill='red'
+        fill='currentColor'
         d='M16 15c0 1.6569-1.3431 3-3 3s-3-1.3431-3-3 1.3431-3 3-3 3 1.3431 3 3ZM23 12c0 1.6569-1.3431 3-3 3s-3-1.3431-3-3 1.3431-3 3-3 3 1.3431 3 3Z'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 15v.0001'
       />
     )
+  }
 )
 
 IconSquareCirclesTwo[iconSymbol] = true

package/react/square-frame-2-lines-circle.tsx

@@ -4,31 +4,35 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconSquareFrame2LinesCircle: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
-        fill: 'red',
+        fill: 'none',
         ref: forwardRef,
       },
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeLinecap='round'
         strokeLinejoin='round'
         strokeWidth='var(--svg-stroke-width)'
         d='M9 13h6m-8 4h10m-13 4h16c.5523 0 1-.4477 1-1v-16c0-.5523-.4477-1-1-1h-16c-.5523 0-1 .4477-1 1v16c0 .5523.4477 1 1 1Z'
       />,
-      <circle cx={12} cy={8} r={2} fill='red' />
+      <circle cx={12} cy={8} r={2} fill='currentColor' />
     )
+  }
 )
 
 IconSquareFrame2LinesCircle[iconSymbol] = true

package/react/square-line-square-dashed.tsx

@@ -4,35 +4,39 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconSquareLineSquareDashed: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
-        fill: 'red',
+        fill: 'none',
         ref: forwardRef,
       },
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeLinecap='round'
         strokeLinejoin='round'
         strokeWidth='var(--svg-stroke-width)'
         d='M18 3h3v3m0 4v4m0 4v3h-3m-4 0h-4m-4 0h-3v-3m0-15h11v11h-11v-11Z'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 3v.0001'
       />
     )
+  }
 )
 
 IconSquareLineSquareDashed[iconSymbol] = true

package/react/square-rounded.tsx

@@ -4,28 +4,32 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconSquareRounded: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
-        fill: 'red',
+        fill: 'none',
         ref: forwardRef,
       },
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M16 4h-8c-2.2091 0-4 1.7909-4 4v8c0 2.2091 1.7909 4 4 4h8c2.2091 0 4-1.7909 4-4v-8c0-2.2091-1.7909-4-4-4ZM12 4v.0001'
       />
     )
+  }
 )
 
 IconSquareRounded[iconSymbol] = true

package/react/square-star-scribble.tsx

@@ -4,39 +4,43 @@
  */
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
+import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconSquareStarScribble: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-    createElement(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
       StyledIcon,
       {
         ...props,
         weight,
+        debug,
         size,
         viewBox: '0 0 24 24',
-        fill: 'red',
+        fill: 'none',
         ref: forwardRef,
       },
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeLinecap='round'
         strokeLinejoin='round'
         strokeWidth='var(--svg-stroke-width)'
         d='M7 3c-1.5.5-5.5 2.5-5 8 .4998 5.5 8 7 8 5m-3-9c1.0837-1.1044 1.9307-1.4608 3.8885-1.4982a.9541.9541 0 0 1 .2211.0218c2.9077.6405 3.6846 1.9414 3.8904 5.4764m-4 0h9c.5523 0 1 .4477 1 1v9c0 .5523-.4477 1-1 1h-9c-.5523 0-1-.4477-1-1v-9c0-.5523.4477-1 1-1Z'
       />,
       <path
-        fill='red'
+        fill='currentColor'
         d='M17.7042 3.8183a1.9997 1.9997 0 0 0 1.1141-1.1141l.6817-1.7042.6817 1.7042a1.9996 1.9996 0 0 0 1.1141 1.1141l1.7042.6817-1.7042.6817a1.9997 1.9997 0 0 0-1.1141 1.1141l-.6817 1.7042-.6817-1.7042a1.9996 1.9996 0 0 0-1.1141-1.1141l-1.7042-.6817 1.7042-.6817Z'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 11v.0001'
       />
     )
+  }
 )
 
 IconSquareStarScribble[iconSymbol] = true