@mirohq/design-system-icons 0.59.1 → 0.60.0

package/react/graduation-cap.tsx

@@ -5,21 +5,51 @@
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
 import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
+import { useNewDesignLanguage } from '@mirohq/design-system-experiments'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
-export const IconGraduationCap: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+export const IconGraduationCapNew: IconComponentType = forwardRef(
+  (props, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
+      StyledIcon,
+      {
+        ...props,
+        debug,
+        'aria-hidden': true,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <path
+        stroke='currentColor'
+        strokeLinejoin='bevel'
+        strokeMiterlimit={1.414}
+        strokeWidth='var(--svg-stroke-width)'
+        d='m12.5 3-10.5 5v11'
+      />,
+      <path
+        stroke='currentColor'
+        strokeLinejoin='bevel'
+        strokeMiterlimit={1.414}
+        strokeWidth='var(--svg-stroke-width)'
+        d='M5 9.6286v7.3714l7.5 3 7.5-3v-7.5m-7.5-6.5 10.5 5-4 2-6.5 3-7.1842-3.2-3.3158-1.8 10.5-5Z'
+      />
+    )
+  }
+)
+
+export const IconGraduationCapOld: IconComponentType = forwardRef(
+  (props, forwardRef) => {
     const [debug] = useLocalStorage('DEBUG_ICON', false)
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         'aria-hidden': true,
-        size,
         viewBox: '0 0 24 24',
         fill: 'none',
         ref: forwardRef,
@@ -41,4 +71,25 @@ export const IconGraduationCap: IconComponentType = forwardRef(
   }
 )
 
+export const IconGraduationCap: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [v1] = useNewDesignLanguage()
+    return v1 ? (
+      <IconGraduationCapNew
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    ) : (
+      <IconGraduationCapOld
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    )
+  }
+)
+
 IconGraduationCap[iconSymbol] = true

package/react/grid-four.tsx

@@ -5,21 +5,54 @@
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
 import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
+import { useNewDesignLanguage } from '@mirohq/design-system-experiments'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
-export const IconGridFour: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+export const IconGridFourNew: IconComponentType = forwardRef(
+  (props, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
+      StyledIcon,
+      {
+        ...props,
+        debug,
+        'aria-hidden': true,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <path
+        stroke='currentColor'
+        strokeLinecap='round'
+        strokeLinejoin='round'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M12 3v9m0 9v-9m0 0h-9m9 0h9'
+      />,
+      <rect
+        width={18}
+        height={18}
+        x={3}
+        y={3}
+        stroke='currentColor'
+        strokeLinecap='round'
+        strokeWidth='var(--svg-stroke-width)'
+        rx={2}
+      />
+    )
+  }
+)
+
+export const IconGridFourOld: IconComponentType = forwardRef(
+  (props, forwardRef) => {
     const [debug] = useLocalStorage('DEBUG_ICON', false)
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         'aria-hidden': true,
-        size,
         viewBox: '0 0 24 24',
         fill: 'none',
         ref: forwardRef,
@@ -40,4 +73,25 @@ export const IconGridFour: IconComponentType = forwardRef(
   }
 )
 
+export const IconGridFour: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [v1] = useNewDesignLanguage()
+    return v1 ? (
+      <IconGridFourNew
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    ) : (
+      <IconGridFourOld
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    )
+  }
+)
+
 IconGridFour[iconSymbol] = true

package/react/grid-six.tsx

@@ -34,7 +34,7 @@ export const IconGridSix: IconComponentType = forwardRef(
       <path
         stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
-        d='M12 11.9999v.0001'
+        d='M12 12v.0001'
       />
     )
   }

package/react/grid.tsx

@@ -5,21 +5,44 @@
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
 import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
+import { useNewDesignLanguage } from '@mirohq/design-system-experiments'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
-export const IconGrid: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+export const IconGridNew: IconComponentType = forwardRef(
+  (props, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
+      StyledIcon,
+      {
+        ...props,
+        debug,
+        'aria-hidden': true,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <path
+        stroke='currentColor'
+        strokeLinecap='square'
+        strokeLinejoin='bevel'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M3 6h18m-18 6h18m-18 6h18m-15-15v18m6-18v18m6-18v18'
+      />
+    )
+  }
+)
+
+export const IconGridOld: IconComponentType = forwardRef(
+  (props, forwardRef) => {
     const [debug] = useLocalStorage('DEBUG_ICON', false)
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         'aria-hidden': true,
-        size,
         viewBox: '0 0 24 24',
         fill: 'none',
         ref: forwardRef,
@@ -40,4 +63,15 @@ export const IconGrid: IconComponentType = forwardRef(
   }
 )
 
+export const IconGrid: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [v1] = useNewDesignLanguage()
+    return v1 ? (
+      <IconGridNew {...props} size={size} weight={weight} ref={forwardRef} />
+    ) : (
+      <IconGridOld {...props} size={size} weight={weight} ref={forwardRef} />
+    )
+  }
+)
+
 IconGrid[iconSymbol] = true

package/react/hand-filled.tsx

@@ -5,21 +5,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 { useNewDesignLanguage } from '@mirohq/design-system-experiments'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
-export const IconHandFilled: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+export const IconHandFilledNew: IconComponentType = forwardRef(
+  (props, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
+      StyledIcon,
+      {
+        ...props,
+        debug,
+        'aria-hidden': true,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <path
+        fill='currentColor'
+        fillRule='evenodd'
+        d='M11.5 2c.8284 0 1.5.6716 1.5 1.5v7.5h1.5v-6c0-.8284.6716-1.5 1.5-1.5s1.5.6716 1.5 1.5v6h1.5v-3c0-.8284.6716-1.5 1.5-1.5s1.5.6716 1.5 1.5v6c0 4.4183-3.5817 8-8 8h-1.497a8.7501 8.7501 0 0 1-6.1871-2.5628l-4.8766-4.8765c-.5857-.5858-.5857-1.5356 0-2.1214.5858-.5857 1.432-.5606 2.1214 0 .268.2181 1.0652.8528 1.9393 1.5472v-8.9865c0-.8284.6716-1.5 1.5-1.5s1.5.6716 1.5 1.5v6h1.5v-7.5c0-.8284.6716-1.5 1.5-1.5Z'
+        clipRule='evenodd'
+      />
+    )
+  }
+)
+
+export const IconHandFilledOld: IconComponentType = forwardRef(
+  (props, forwardRef) => {
     const [debug] = useLocalStorage('DEBUG_ICON', false)
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         'aria-hidden': true,
-        size,
         viewBox: '0 0 24 24',
         fill: 'none',
         ref: forwardRef,
@@ -45,4 +67,25 @@ export const IconHandFilled: IconComponentType = forwardRef(
   }
 )
 
+export const IconHandFilled: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [v1] = useNewDesignLanguage()
+    return v1 ? (
+      <IconHandFilledNew
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    ) : (
+      <IconHandFilledOld
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    )
+  }
+)
+
 IconHandFilled[iconSymbol] = true

package/react/hand-pointing.tsx

@@ -5,21 +5,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 { useNewDesignLanguage } from '@mirohq/design-system-experiments'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
-export const IconHandPointing: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+export const IconHandPointingNew: IconComponentType = forwardRef(
+  (props, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
+      StyledIcon,
+      {
+        ...props,
+        debug,
+        'aria-hidden': true,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <path
+        stroke='currentColor'
+        strokeLinejoin='bevel'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M13.9999 12v-2.75c0-.9665.7835-1.75 1.75-1.75s1.75.7835 1.75 1.75v2.75-1.25c0-.9665.7835-1.75 1.75-1.75s1.75.7835 1.75 1.75v2.25c0 4.4183-3.5819 8-8.0002 8h-.5832a8.2475 8.2475 0 0 1-5.8327-2.4161l-4.0031-4.0031c-.6138-.6138-.6595-1.592-.1075-2.2619.5638-.6841 1.5612-.8145 2.2818-.2983l2.245 1.6081v-8.8787c0-.9665.7834-1.75 1.75-1.75.9664 0 1.7499.7835 1.7499 1.75v7.25m3.5-1v-3.25c0-.9665-.7835-1.75-1.75-1.75s-1.75.7835-1.75 1.75v3.25'
+      />
+    )
+  }
+)
+
+export const IconHandPointingOld: IconComponentType = forwardRef(
+  (props, forwardRef) => {
     const [debug] = useLocalStorage('DEBUG_ICON', false)
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         'aria-hidden': true,
-        size,
         viewBox: '0 0 24 24',
         fill: 'none',
         ref: forwardRef,
@@ -40,4 +62,25 @@ export const IconHandPointing: IconComponentType = forwardRef(
   }
 )
 
+export const IconHandPointing: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [v1] = useNewDesignLanguage()
+    return v1 ? (
+      <IconHandPointingNew
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    ) : (
+      <IconHandPointingOld
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    )
+  }
+)
+
 IconHandPointing[iconSymbol] = true

package/react/hand.tsx

@@ -5,21 +5,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 { useNewDesignLanguage } from '@mirohq/design-system-experiments'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
-export const IconHand: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+export const IconHandNew: IconComponentType = forwardRef(
+  (props, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
+      StyledIcon,
+      {
+        ...props,
+        debug,
+        'aria-hidden': true,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <path
+        stroke='currentColor'
+        strokeLinejoin='bevel'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M13.9999 12v-5.25c0-.9665.7835-1.75 1.75-1.75s1.75.7835 1.75 1.75v5.25-3.25c0-.9665.7835-1.75 1.75-1.75s1.75.7835 1.75 1.75v4.25c0 4.4183-3.5819 8-8.0002 8h-.5832a8.2475 8.2475 0 0 1-5.8327-2.4161l-4.0031-4.0031c-.6138-.6138-.6595-1.592-.1075-2.2619.5638-.6841 1.5612-.8145 2.2818-.2983l2.245 1.6081v-6.8787c0-.9665.7834-1.75 1.75-1.75.9664 0 1.7499.7835 1.7499 1.75v5.25m3.5-2v-5.25c0-.9665-.7835-1.75-1.75-1.75s-1.75.7835-1.75 1.75v5.25'
+      />
+    )
+  }
+)
+
+export const IconHandOld: IconComponentType = forwardRef(
+  (props, forwardRef) => {
     const [debug] = useLocalStorage('DEBUG_ICON', false)
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         'aria-hidden': true,
-        size,
         viewBox: '0 0 24 24',
         fill: 'none',
         ref: forwardRef,
@@ -40,4 +62,15 @@ export const IconHand: IconComponentType = forwardRef(
   }
 )
 
+export const IconHand: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [v1] = useNewDesignLanguage()
+    return v1 ? (
+      <IconHandNew {...props} size={size} weight={weight} ref={forwardRef} />
+    ) : (
+      <IconHandOld {...props} size={size} weight={weight} ref={forwardRef} />
+    )
+  }
+)
+
 IconHand[iconSymbol] = true

package/react/headset-person.tsx

@@ -5,21 +5,62 @@
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
 import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
+import { useNewDesignLanguage } from '@mirohq/design-system-experiments'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
-export const IconHeadsetPerson: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+export const IconHeadsetPersonNew: IconComponentType = forwardRef(
+  (props, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
+      StyledIcon,
+      {
+        ...props,
+        debug,
+        'aria-hidden': true,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <path
+        stroke='currentColor'
+        strokeLinejoin='round'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M4 17v-6c0-9.5 16-9.5 16 0v9h-8'
+      />,
+      <path
+        stroke='currentColor'
+        strokeLinejoin='bevel'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M3 17v-5h1v5h-1ZM20 17v-5h1v5h-1Z'
+      />,
+      <path
+        stroke='currentColor'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M15 10v.0001'
+      />,
+      <path
+        fill='currentColor'
+        d='M14.4999 15c.8284 0 1.5-.6716 1.5-1.5s-.6716-1.5-1.5-1.5-1.5.6716-1.5 1.5.6716 1.5 1.5 1.5ZM9.5 15c.8283 0 1.4999-.6716 1.4999-1.5s-.6716-1.5-1.5-1.5-1.5.6716-1.5 1.5.6716 1.5 1.5 1.5Z'
+      />,
+      <path
+        fill='currentColor'
+        d='M18.0019 11.03a6.04 6.04 0 0 0-5.95-5.03c-3.03 0-6.29 2.51-6.03 6.45a8.0748 8.0748 0 0 0 4.86-5.89c1.31 2.63 4 4.44 7.12 4.47Z'
+      />
+    )
+  }
+)
+
+export const IconHeadsetPersonOld: IconComponentType = forwardRef(
+  (props, forwardRef) => {
     const [debug] = useLocalStorage('DEBUG_ICON', false)
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         'aria-hidden': true,
-        size,
         viewBox: '0 0 24 24',
         fill: 'none',
         ref: forwardRef,
@@ -48,4 +89,25 @@ export const IconHeadsetPerson: IconComponentType = forwardRef(
   }
 )
 
+export const IconHeadsetPerson: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [v1] = useNewDesignLanguage()
+    return v1 ? (
+      <IconHeadsetPersonNew
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    ) : (
+      <IconHeadsetPersonOld
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    )
+  }
+)
+
 IconHeadsetPerson[iconSymbol] = true

package/react/heart-filled.tsx

@@ -5,33 +5,78 @@
 import React, { forwardRef, createElement } from 'react'
 import { iconSymbol } from '@mirohq/design-system-base-icon'
 import { useLocalStorage } from '@mirohq/design-system-use-local-storage'
+import { useNewDesignLanguage } from '@mirohq/design-system-experiments'
 
 import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
-export const IconHeartFilled: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+export const IconHeartFilledNew: IconComponentType = forwardRef(
+  (props, forwardRef) => {
     const [debug] = useLocalStorage('DEBUG_ICON', false)
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         'aria-hidden': true,
-        size,
         viewBox: '0 0 24 24',
         fill: 'none',
         ref: forwardRef,
       },
       <path
         fill='currentColor'
-        d='m11.1584 6.5291.8415 1.3105.8415-1.3105c1.5981-2.489 3.8242-2.5291 4.7146-2.5291.4494 0 1.6982.1906 2.7446 1.0014.9742.755 1.8974 2.1398 1.6625 4.8164-.1809 2.0604-1.643 4.2847-3.6841 6.3364-2.0102 2.0206-4.4298 3.7219-6.2213 4.7399a.1155.1155 0 0 1-.0578.016.1155.1155 0 0 1-.0578-.016c-1.7915-1.018-4.2111-2.7193-6.2213-4.7399-2.041-2.0517-3.5032-4.276-3.684-6.3364-.235-2.6766.6882-4.0614 1.6624-4.8164 1.0464-.8108 2.2952-1.0014 2.7446-1.0014.8904 0 3.1165.0402 4.7146 2.5291Z'
+        d='M7 4.0135c-2.9192-.2207-5 2.1572-5 4.9865 0 4.3041 5.5556 8.4949 10 12 4.4444-3.5051 10-7.5817 10-12 0-2.8293-2.0808-5.2072-5-4.9865-3.0443.2302-5 2.8295-5 4.9865 0-2.157-1.9557-4.7563-5-4.9865Z'
+      />,
+      <path
+        fill='currentColor'
+        d='m7 4.0135-.0754.9972.0754-.9972Zm10 0-.0754-.9971.0754.9971Zm-5 16.9865-.6192.7852h1.2384l-.6192-.7852Zm-9-12c0-2.3627 1.6949-4.158 3.9246-3.9893l.1508-1.9943c-3.6087-.273-6.0754 2.6877-6.0754 5.9836h2Zm3.9246-3.9893c2.5127.19 4.0754 2.3452 4.0754 3.9893h2c0-2.6699-2.3487-5.7132-5.9246-5.9836l-.1508 1.9943Zm16.0754 3.9893c0-3.2959-2.4667-6.2565-6.0754-5.9836l.1508 1.9943c2.2297-.1686 3.9246 1.6266 3.9246 3.9893h2Zm-6.0754-5.9836c-3.5759.2704-5.9246 3.3137-5.9246 5.9836h2c0-1.6441 1.5627-3.7993 4.0754-3.9893l-.1508-1.9943Zm-4.3054 17.1984c-2.245-1.7705-4.6794-3.6457-6.5648-5.608-1.9131-1.9913-3.0544-3.8676-3.0544-5.6068h-2c0 2.5648 1.6365 4.936 3.6122 6.9924 2.0036 2.0854 4.5691 4.0582 6.7686 5.7928l1.2384-1.5704Zm0 1.5704c2.1932-1.7297 4.7626-3.6768 6.7661-5.7474 1.9818-2.0482 3.6147-4.4182 3.6147-7.0378h-2c0 1.7987-1.1449 3.6761-3.052 5.6471-1.8854 1.9485-4.316 3.7922-6.5672 5.5677l1.2384 1.5704Z'
+      />
+    )
+  }
+)
+
+export const IconHeartFilledOld: IconComponentType = forwardRef(
+  (props, forwardRef) => {
+    const [debug] = useLocalStorage('DEBUG_ICON', false)
+    return createElement(
+      StyledIcon,
+      {
+        ...props,
+        debug,
+        'aria-hidden': true,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <path
+        fill='currentColor'
+        d='m11.1587 6.5291.8415 1.3105.8415-1.3105c1.5981-2.489 3.8242-2.5291 4.7146-2.5291.4494 0 1.6982.1906 2.7446 1.0014.9742.755 1.8974 2.1398 1.6625 4.8164-.1809 2.0604-1.643 4.2847-3.6841 6.3364-2.0102 2.0206-4.4298 3.7219-6.2213 4.7399a.1155.1155 0 0 1-.0578.016.1155.1155 0 0 1-.0578-.016c-1.7915-1.018-4.2112-2.7193-6.2214-4.7399-2.041-2.0517-3.5032-4.276-3.684-6.3364-.235-2.6766.6883-4.0614 1.6625-4.8164 1.0463-.8108 2.2952-1.0014 2.7445-1.0014.8904 0 3.1165.0402 4.7147 2.5291Z'
       />,
       <path
         stroke='currentColor'
         strokeWidth='var(--svg-stroke-width)'
-        d='m11.1584 6.5291.8415 1.3105.8415-1.3105c1.5981-2.489 3.8242-2.5291 4.7146-2.5291.4494 0 1.6982.1906 2.7446 1.0014.9742.755 1.8974 2.1398 1.6625 4.8164-.1809 2.0604-1.643 4.2847-3.6841 6.3364-2.0102 2.0206-4.4298 3.7219-6.2213 4.7399a.1155.1155 0 0 1-.0578.016.1155.1155 0 0 1-.0578-.016c-1.7915-1.018-4.2111-2.7193-6.2213-4.7399-2.041-2.0517-3.5032-4.276-3.684-6.3364-.235-2.6766.6882-4.0614 1.6624-4.8164 1.0464-.8108 2.2952-1.0014 2.7446-1.0014.8904 0 3.1165.0402 4.7146 2.5291ZM12 12v.0001'
+        d='m11.1587 6.5291.8415 1.3105.8415-1.3105c1.5981-2.489 3.8242-2.5291 4.7146-2.5291.4494 0 1.6982.1906 2.7446 1.0014.9742.755 1.8974 2.1398 1.6625 4.8164-.1809 2.0604-1.643 4.2847-3.6841 6.3364-2.0102 2.0206-4.4298 3.7219-6.2213 4.7399a.1155.1155 0 0 1-.0578.016.1155.1155 0 0 1-.0578-.016c-1.7915-1.018-4.2112-2.7193-6.2214-4.7399-2.041-2.0517-3.5032-4.276-3.684-6.3364-.235-2.6766.6883-4.0614 1.6625-4.8164 1.0463-.8108 2.2952-1.0014 2.7445-1.0014.8904 0 3.1165.0402 4.7147 2.5291ZM12 12v.0001'
+      />
+    )
+  }
+)
+
+export const IconHeartFilled: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+    const [v1] = useNewDesignLanguage()
+    return v1 ? (
+      <IconHeartFilledNew
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
+      />
+    ) : (
+      <IconHeartFilledOld
+        {...props}
+        size={size}
+        weight={weight}
+        ref={forwardRef}
       />
     )
   }