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

package/react/microphone.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 IconMicrophone: 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='M5 8v3c0 3.866 3.134 7 7 7m7-10v3c0 3.866-3.134 7-7 7m0 0v3m3-15v5c0 1.6569-1.3431 3-3 3s-3-1.3431-3-3v-5c0-1.6569 1.3431-3 3-3s3 1.3431 3 3Z'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 3v.0001'
       />
     )
+  }
 )
 
 IconMicrophone[iconSymbol] = true

package/react/minus.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 IconMinus: 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 12h12'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 12v.0001'
       />
     )
+  }
 )
 
 IconMinus[iconSymbol] = true

package/react/mobile.tsx

@@ -4,29 +4,33 @@
  */
 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 IconMobile: 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.5 3h-9a.5.5 0 0 0-.5.5v17a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5v-17a.5.5 0 0 0-.5-.5Z'
       />,
-      <circle cx={12} cy={18} r={1} fill='red' />
+      <circle cx={12} cy={18} r={1} fill='currentColor' />
     )
+  }
 )
 
 IconMobile[iconSymbol] = true

package/react/monitor-arrow.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 IconMonitorArrow: 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 21h6m-3-17h-8c-.5523 0-1 .4477-1 1v12c0 .5523.4477 1 1 1h16c.5523 0 1-.4477 1-1v-4m-5-4 6-6m0 0v5m0-5h-5'
       />
     )
+  }
 )
 
 IconMonitorArrow[iconSymbol] = true

package/react/monitor-pause.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 IconMonitorPause: 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 21h6m-5-12v4m4-4v4m-10-9h16c.5523 0 1 .4477 1 1v12c0 .5523-.4477 1-1 1h-16c-.5523 0-1-.4477-1-1v-12c0-.5523.4477-1 1-1Z'
       />
     )
+  }
 )
 
 IconMonitorPause[iconSymbol] = true

package/react/monitor-play.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 IconMonitorPlay: 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 21h6m-11-3h16c.5523 0 1-.4477 1-1v-12c0-.5523-.4477-1-1-1h-16c-.5523 0-1 .4477-1 1v12c0 .5523.4477 1 1 1Z'
       />,
       <path
-        fill='red'
+        fill='currentColor'
         d='M15.376 10.584c.2968.1979.2968.6341 0 .832l-4.5987 3.0658c-.3322.2215-.7773-.0167-.7773-.4161v-6.1314c0-.3994.4451-.6376.7774-.416l4.5986 3.0657Z'
       />
     )
+  }
 )
 
 IconMonitorPlay[iconSymbol] = true

package/react/monitor-stop.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 IconMonitorStop: 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 21h6m-11-3h16c.5523 0 1-.4477 1-1v-12c0-.5523-.4477-1-1-1h-16c-.5523 0-1 .4477-1 1v12c0 .5523.4477 1 1 1Z'
       />,
-      <rect width={6} height={6} x={9} y={8} fill='red' rx={1} />
+      <rect width={6} height={6} x={9} y={8} fill='currentColor' rx={1} />
     )
+  }
 )
 
 IconMonitorStop[iconSymbol] = true

package/react/moon.tsx

@@ -4,29 +4,33 @@
  */
 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 IconMoon: 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'
         strokeLinejoin='round'
         strokeWidth='var(--svg-stroke-width)'
         d='M21 13.3757a9.0907 9.0907 0 0 1-2.1328.2523c-5.0076 0-9.067-4.0594-9.067-9.067 0-.5323.0459-1.0539.1339-1.561-3.9784.9592-6.9341 4.5418-6.9341 8.8147 0 5.0075 4.0594 9.0669 9.0669 9.0669 4.4753 0 8.1932-3.2422 8.9331-7.5059Z'
       />
     )
+  }
 )
 
 IconMoon[iconSymbol] = true

package/react/mouse.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 IconMouse: 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='M12 8v3m-3-7.5h6c2.2091 0 4 1.7909 4 4v6c0 3.866-3.134 7-7 7s-7-3.134-7-7v-6c0-2.2091 1.7909-4 4-4Z'
       />,
-      <path fill='red' d='M12 11h.001v.001h-.001v-.001Z' />,
+      <path fill='currentColor' d='M12 11h.001v.001h-.001v-.001Z' />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 10v.0001'
       />
     )
+  }
 )
 
 IconMouse[iconSymbol] = true

package/react/music-note.tsx

@@ -4,33 +4,37 @@
  */
 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 IconMusicNote: 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
-        fill='red'
+        fill='currentColor'
         d='m18 5-10 2v1.5l10-2v-1.5ZM18 16c0 .8284-.8954 1.5-2 1.5s-2-.6716-2-1.5.8954-1.5 2-1.5 2 .6716 2 1.5ZM8 18c0 .8284-.8954 1.5-2 1.5s-2-.6716-2-1.5.8954-1.5 2-1.5 2 .6716 2 1.5Z'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeLinecap='round'
         strokeWidth='var(--svg-stroke-width)'
         d='M18 6.3903v-.8901c0-.3155-.2887-.5522-.5981-.4903l-9 1.8a.5.5 0 0 0-.4019.4903v1.09m10-2v9.5001m0-9.5-10 2m10 7.5c0 .8284-.8954 1.5-2 1.5s-2-.6716-2-1.5c0-.8285.8954-1.5 2-1.5s2 .6715 2 1.5Zm-10 2v-9.5m0 9.5c0 .8284-.8954 1.5-2 1.5s-2-.6716-2-1.5c0-.8285.8954-1.5 2-1.5s2 .6715 2 1.5Z'
       />
     )
+  }
 )
 
 IconMusicNote[iconSymbol] = true

package/react/navigation-arrow-lines.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 IconNavigationArrowLines: 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='M11 4h10m-6 4h2m-12.5943-1.9315 9.4348 9.246c.3148.3085.135.8732-.2891.9084h-5.0514a.4679.4679 0 0 0-.285.1305l-3.4076 3.7094c-.3128.2998-.8074.0604-.8074-.3909v-13.41c0-.227.25-.346.4057-.1934Z'
       />,
       <path
-        fill='red'
+        fill='currentColor'
         d='m13.8405 15.3145-9.4348-9.246c-.1558-.1527-.4057-.0335-.4057.1935v13.4099c0 .4513.4946.6907.8074.3909l3.4075-3.7094a.4679.4679 0 0 1 .2851-.1305h5.0514c.4241-.0352.6039-.5999.2891-.9084Z'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M9 13v.0001'
       />
     )
+  }
 )
 
 IconNavigationArrowLines[iconSymbol] = true

package/react/navigation-up-left-filled.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 IconNavigationUpLeftFilled: 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='m20.5358 9.963-17.08-6.9367c-.282-.1145-.545.1648-.4268.4536l6.9804 17.0582c.2349.5739 1.0026.6256 1.2533.0843l2.4995-6.4611a.6492.6492 0 0 1 .3028-.3118l6.5677-2.5832c.5332-.2616.4729-1.0719-.0969-1.3033Z'
       />,
       <path
-        fill='red'
+        fill='currentColor'
         d='m20.5358 9.963-17.08-6.9367c-.282-.1145-.545.1648-.4268.4536l6.9804 17.0582c.2349.5739 1.0026.6256 1.2533.0843l2.4995-6.4611a.6492.6492 0 0 1 .3028-.3118l6.5677-2.5832c.5332-.2616.4729-1.0719-.0969-1.3033Z'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 12v.0001'
       />
     )
+  }
 )
 
 IconNavigationUpLeftFilled[iconSymbol] = true

package/react/navigation-up-left-slash.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 IconNavigationUpLeftSlash: 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.8967 15.375 2.1127 5.1631c.2349.5739 1.0026.6256 1.2533.0843l2.4995-6.4611a.6492.6492 0 0 1 .3028-.3118l6.5677-2.5832c.5332-.2616.4729-1.0719-.0969-1.3033l-5.0905-2.0674m-9.8505 1.8544-2.5658-6.2701c-.1182-.2888.1447-.5681.4268-.4536l6.2942 2.5563m-6.75 14.2924 16.875-16.875'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 11v.0001'
       />
     )
+  }
 )
 
 IconNavigationUpLeftSlash[iconSymbol] = true

package/react/navigation-up-right.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 IconNavigationUpRight: 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='m14.037 20.5358 6.9367-17.08c.1145-.282-.1648-.545-.4536-.4268l-17.0582 6.9804c-.574.2349-.6256 1.0026-.0843 1.2533l6.461 2.4995a.6492.6492 0 0 1 .3119.3028l2.5832 6.5677c.2616.5332 1.0719.4729 1.3033-.0969Z'
       />,
       <path
-        stroke='red'
+        stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 7v.0001'
       />
     )
+  }
 )
 
 IconNavigationUpRight[iconSymbol] = true

package/react/next.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 IconNext: 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
-        fill='red'
+        fill='currentColor'
         d='m15.6717 13.2929-9.4112 5.5359c-1 .5883-2.2605-.1327-2.2605-1.2929v-11.0719c0-1.16 1.2606-1.881 2.2605-1.2929l9.4112 5.536c.9859.58.9859 2.0058 0 2.5858ZM20.1355 19c0 .5523-.4477 1-1 1s-1-.4477-1-1v-14c0-.5523.4477-1 1-1s1 .4477 1 1v14Z'
       />
     )
+  }
 )
 
 IconNext[iconSymbol] = true