@mirohq/design-system-icons 0.20.0-icon-types.0 → 0.21.0

package/react/smiley-plus.tsx

@@ -3,35 +3,36 @@
  * This file was generated by sync icons utility.
  */
 import React, { forwardRef, createElement } from 'react'
-import type { ForwardRefExoticComponent, RefAttributes } from 'react'
 
+import { iconSymbol } from '../src/util'
 import { StyledIcon } from '../src/icon'
-import type { IconProps } from '../src/icon'
+import type { IconComponentType } from '../src/icon'
 
-export const IconSmileyPlus: ForwardRefExoticComponent<
-  IconProps & RefAttributes<SVGSVGElement>
-> = forwardRef(({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-  createElement(
-    StyledIcon,
-    {
-      ...props,
-      weight,
-      size,
-      viewBox: '0 0 24 24',
-      fill: 'none',
-      ref: forwardRef,
-    },
-    <path
-      fill='currentColor'
-      d='M11 9.5c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5.6716-1.5 1.5-1.5 1.5.6716 1.5 1.5ZM16 9.5c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5.6716-1.5 1.5-1.5 1.5.6716 1.5 1.5Z'
-    />,
-    <path
-      stroke='currentColor'
-      strokeLinecap='round'
-      strokeLinejoin='round'
-      strokeWidth='var(--svg-stroke-width)'
-      d='M21 12c0 4.9706-4.0294 9-9 9s-9-4.0294-9-9 4.0294-9 9-9m-4 11c2 2 6 2 8 0m3-12v6m3-3h-6'
-      vectorEffect='non-scaling-stroke'
-    />
-  )
+export const IconSmileyPlus: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
+    createElement(
+      StyledIcon,
+      {
+        ...props,
+        weight,
+        size,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <path
+        fill='currentColor'
+        d='M11 9.5c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5.6716-1.5 1.5-1.5 1.5.6716 1.5 1.5ZM16 9.5c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5.6716-1.5 1.5-1.5 1.5.6716 1.5 1.5Z'
+      />,
+      <path
+        stroke='currentColor'
+        strokeLinecap='round'
+        strokeLinejoin='round'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M21 12c0 4.9706-4.0294 9-9 9s-9-4.0294-9-9 4.0294-9 9-9m-4 11c2 2 6 2 8 0m3-12v6m3-3h-6'
+        vectorEffect='non-scaling-stroke'
+      />
+    )
 )
+
+IconSmileyPlus[iconSymbol] = true

package/react/smiley-sticker.tsx

@@ -3,35 +3,36 @@
  * This file was generated by sync icons utility.
  */
 import React, { forwardRef, createElement } from 'react'
-import type { ForwardRefExoticComponent, RefAttributes } from 'react'
 
+import { iconSymbol } from '../src/util'
 import { StyledIcon } from '../src/icon'
-import type { IconProps } from '../src/icon'
+import type { IconComponentType } from '../src/icon'
 
-export const IconSmileySticker: ForwardRefExoticComponent<
-  IconProps & RefAttributes<SVGSVGElement>
-> = forwardRef(({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-  createElement(
-    StyledIcon,
-    {
-      ...props,
-      weight,
-      size,
-      viewBox: '0 0 24 24',
-      fill: 'none',
-      ref: forwardRef,
-    },
-    <path
-      fill='currentColor'
-      d='M11 8.5c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5.6716-1.5 1.5-1.5 1.5.6716 1.5 1.5ZM16 8.5c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5.6716-1.5 1.5-1.5 1.5.6716 1.5 1.5Z'
-    />,
-    <path
-      stroke='currentColor'
-      strokeLinecap='round'
-      strokeLinejoin='round'
-      strokeWidth='var(--svg-stroke-width)'
-      d='M12 21c-4.9706 0-9-4.0294-9-9s4.0294-9 9-9 9 4.0294 9 9m-9 9 9-9m-9 9s-.7066-2.8265.8501-5.5096m8.1499-3.4904s-4-1-7 2c-.4782.4782-.8547.9817-1.1499 1.4904m-4.8501-1.4904c1.0798 1.0798 2.7426 1.5766 4.3589 1.4904h.4912'
-      vectorEffect='non-scaling-stroke'
-    />
-  )
+export const IconSmileySticker: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
+    createElement(
+      StyledIcon,
+      {
+        ...props,
+        weight,
+        size,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <path
+        fill='currentColor'
+        d='M11 8.5c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5.6716-1.5 1.5-1.5 1.5.6716 1.5 1.5ZM16 8.5c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5.6716-1.5 1.5-1.5 1.5.6716 1.5 1.5Z'
+      />,
+      <path
+        stroke='currentColor'
+        strokeLinecap='round'
+        strokeLinejoin='round'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M12 21c-4.9706 0-9-4.0294-9-9s4.0294-9 9-9 9 4.0294 9 9m-9 9 9-9m-9 9s-.7066-2.8265.8501-5.5096m8.1499-3.4904s-4-1-7 2c-.4782.4782-.8547.9817-1.1499 1.4904m-4.8501-1.4904c1.0798 1.0798 2.7426 1.5766 4.3589 1.4904h.4912'
+        vectorEffect='non-scaling-stroke'
+      />
+    )
 )
+
+IconSmileySticker[iconSymbol] = true

package/react/smiley.tsx

@@ -3,35 +3,36 @@
  * This file was generated by sync icons utility.
  */
 import React, { forwardRef, createElement } from 'react'
-import type { ForwardRefExoticComponent, RefAttributes } from 'react'
 
+import { iconSymbol } from '../src/util'
 import { StyledIcon } from '../src/icon'
-import type { IconProps } from '../src/icon'
+import type { IconComponentType } from '../src/icon'
 
-export const IconSmiley: ForwardRefExoticComponent<
-  IconProps & RefAttributes<SVGSVGElement>
-> = forwardRef(({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-  createElement(
-    StyledIcon,
-    {
-      ...props,
-      weight,
-      size,
-      viewBox: '0 0 24 24',
-      fill: 'none',
-      ref: forwardRef,
-    },
-    <path
-      fill='currentColor'
-      d='M11 8.5c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5.6716-1.5 1.5-1.5 1.5.6716 1.5 1.5ZM16 8.5c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5.6716-1.5 1.5-1.5 1.5.6716 1.5 1.5Z'
-    />,
-    <path
-      stroke='currentColor'
-      strokeLinecap='round'
-      strokeLinejoin='round'
-      strokeWidth='var(--svg-stroke-width)'
-      d='M8 14c2 2 6 2 8 0m5-2c0 4.9706-4.0294 9-9 9s-9-4.0294-9-9 4.0294-9 9-9 9 4.0294 9 9Z'
-      vectorEffect='non-scaling-stroke'
-    />
-  )
+export const IconSmiley: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
+    createElement(
+      StyledIcon,
+      {
+        ...props,
+        weight,
+        size,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <path
+        fill='currentColor'
+        d='M11 8.5c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5.6716-1.5 1.5-1.5 1.5.6716 1.5 1.5ZM16 8.5c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5.6716-1.5 1.5-1.5 1.5.6716 1.5 1.5Z'
+      />,
+      <path
+        stroke='currentColor'
+        strokeLinecap='round'
+        strokeLinejoin='round'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M8 14c2 2 6 2 8 0m5-2c0 4.9706-4.0294 9-9 9s-9-4.0294-9-9 4.0294-9 9-9 9 4.0294 9 9Z'
+        vectorEffect='non-scaling-stroke'
+      />
+    )
 )
+
+IconSmiley[iconSymbol] = true

package/react/social-facebook.tsx

@@ -3,34 +3,35 @@
  * This file was generated by sync icons utility.
  */
 import React, { forwardRef, createElement } from 'react'
-import type { ForwardRefExoticComponent, RefAttributes } from 'react'
 
+import { iconSymbol } from '../src/util'
 import { StyledIcon } from '../src/icon'
-import type { IconProps } from '../src/icon'
+import type { IconComponentType } from '../src/icon'
 
-export const IconSocialFacebook: ForwardRefExoticComponent<
-  IconProps & RefAttributes<SVGSVGElement>
-> = forwardRef(({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-  createElement(
-    StyledIcon,
-    {
-      ...props,
-      weight,
-      size,
-      viewBox: '0 0 24 24',
-      fill: 'none',
-      ref: forwardRef,
-    },
-    <path
-      fill='currentColor'
-      d='M22 12.0611c0-5.5566-4.4771-10.0611-10-10.0611s-10 4.5045-10 10.0611c0 5.0218 3.6569 9.1841 8.4375 9.9389v-7.0306h-2.539v-2.9083h2.539v-2.2166c0-2.5215 1.4929-3.9144 3.7771-3.9144 1.0942 0 2.2385.1965 2.2385.1965v2.476h-1.261c-1.2422 0-1.6296.7755-1.6296 1.5712v1.8873h2.7734l-.4433 2.9083h-2.3301v7.0306c4.7807-.7548 8.4375-4.9171 8.4375-9.9389Z'
-    />,
-    <path
-      stroke='currentColor'
-      strokeLinejoin='round'
-      strokeWidth='var(--svg-stroke-width)'
-      d='M12 12h.0007'
-      vectorEffect='non-scaling-stroke'
-    />
-  )
+export const IconSocialFacebook: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
+    createElement(
+      StyledIcon,
+      {
+        ...props,
+        weight,
+        size,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <path
+        fill='currentColor'
+        d='M22 12.0611c0-5.5566-4.4771-10.0611-10-10.0611s-10 4.5045-10 10.0611c0 5.0218 3.6569 9.1841 8.4375 9.9389v-7.0306h-2.539v-2.9083h2.539v-2.2166c0-2.5215 1.4929-3.9144 3.7771-3.9144 1.0942 0 2.2385.1965 2.2385.1965v2.476h-1.261c-1.2422 0-1.6296.7755-1.6296 1.5712v1.8873h2.7734l-.4433 2.9083h-2.3301v7.0306c4.7807-.7548 8.4375-4.9171 8.4375-9.9389Z'
+      />,
+      <path
+        stroke='currentColor'
+        strokeLinejoin='round'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M12 12h.0007'
+        vectorEffect='non-scaling-stroke'
+      />
+    )
 )
+
+IconSocialFacebook[iconSymbol] = true

package/react/social-instagram.tsx

@@ -3,40 +3,41 @@
  * This file was generated by sync icons utility.
  */
 import React, { forwardRef, createElement } from 'react'
-import type { ForwardRefExoticComponent, RefAttributes } from 'react'
 
+import { iconSymbol } from '../src/util'
 import { StyledIcon } from '../src/icon'
-import type { IconProps } from '../src/icon'
+import type { IconComponentType } from '../src/icon'
 
-export const IconSocialInstagram: ForwardRefExoticComponent<
-  IconProps & RefAttributes<SVGSVGElement>
-> = forwardRef(({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-  createElement(
-    StyledIcon,
-    {
-      ...props,
-      weight,
-      size,
-      viewBox: '0 0 24 24',
-      fill: 'none',
-      ref: forwardRef,
-    },
-    <path
-      fill='currentColor'
-      d='M8.6667 12.0001c0 1.8409 1.4923 3.3333 3.3333 3.3333s3.3333-1.4924 3.3333-3.3333c0-1.841-1.4923-3.3334-3.3333-3.3334s-3.3333 1.4924-3.3333 3.3334Z'
-    />,
-    <path
-      fill='currentColor'
-      fillRule='evenodd'
-      d='M12 2c-2.7158 0-3.0564.0115-4.123.0602-1.0644.0486-1.7913.2176-2.4274.4648-.6576.2556-1.2153.5975-1.7712 1.1534-.556.556-.8979 1.1136-1.1534 1.7712-.2472.636-.4163 1.363-.4649 2.4274-.0486 1.0666-.0601 1.4072-.0601 4.123s.0115 3.0564.0601 4.123c.0486 1.0644.2177 1.7913.4649 2.4274.2555.6576.5975 1.2152 1.1534 1.7712.556.5559 1.1136.8979 1.7712 1.1534.636.2472 1.363.4163 2.4274.4648 1.0666.0487 1.4072.0602 4.123.0602s3.0564-.0115 4.123-.0602c1.0644-.0485 1.7913-.2176 2.4274-.4648.6576-.2555 1.2152-.5975 1.7712-1.1534.5559-.556.8979-1.1136 1.1534-1.7712.2472-.6361.4163-1.363.4648-2.4274.0487-1.0666.0602-1.4072.0602-4.123s-.0115-3.0564-.0602-4.123c-.0485-1.0644-.2176-1.7913-.4648-2.4274-.2555-.6576-.5975-1.2152-1.1534-1.7712-.556-.5559-1.1136-.8978-1.7712-1.1534-.6361-.2472-1.363-.4162-2.4274-.4648-1.0666-.0487-1.4072-.0602-4.123-.0602Zm6.538 4.662c0 .6627-.5372 1.2-1.2 1.2-.6627 0-1.2-.5373-1.2-1.2s.5373-1.2 1.2-1.2c.6628 0 1.2.5373 1.2 1.2Zm-11.6731 5.3381c0-2.8361 2.299-5.1352 5.1351-5.1352 2.8361 0 5.1351 2.299 5.1351 5.1352 0 2.836-2.299 5.1351-5.1351 5.1351-2.836 0-5.1351-2.2991-5.1351-5.1351Z'
-      clipRule='evenodd'
-    />,
-    <path
-      stroke='currentColor'
-      strokeLinejoin='round'
-      strokeWidth='var(--svg-stroke-width)'
-      d='M12 12h.0007'
-      vectorEffect='non-scaling-stroke'
-    />
-  )
+export const IconSocialInstagram: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
+    createElement(
+      StyledIcon,
+      {
+        ...props,
+        weight,
+        size,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <path
+        fill='currentColor'
+        d='M8.6667 12.0001c0 1.8409 1.4923 3.3333 3.3333 3.3333s3.3333-1.4924 3.3333-3.3333c0-1.841-1.4923-3.3334-3.3333-3.3334s-3.3333 1.4924-3.3333 3.3334Z'
+      />,
+      <path
+        fill='currentColor'
+        fillRule='evenodd'
+        d='M12 2c-2.7158 0-3.0564.0115-4.123.0602-1.0644.0486-1.7913.2176-2.4274.4648-.6576.2556-1.2153.5975-1.7712 1.1534-.556.556-.8979 1.1136-1.1534 1.7712-.2472.636-.4163 1.363-.4649 2.4274-.0486 1.0666-.0601 1.4072-.0601 4.123s.0115 3.0564.0601 4.123c.0486 1.0644.2177 1.7913.4649 2.4274.2555.6576.5975 1.2152 1.1534 1.7712.556.5559 1.1136.8979 1.7712 1.1534.636.2472 1.363.4163 2.4274.4648 1.0666.0487 1.4072.0602 4.123.0602s3.0564-.0115 4.123-.0602c1.0644-.0485 1.7913-.2176 2.4274-.4648.6576-.2555 1.2152-.5975 1.7712-1.1534.5559-.556.8979-1.1136 1.1534-1.7712.2472-.6361.4163-1.363.4648-2.4274.0487-1.0666.0602-1.4072.0602-4.123s-.0115-3.0564-.0602-4.123c-.0485-1.0644-.2176-1.7913-.4648-2.4274-.2555-.6576-.5975-1.2152-1.1534-1.7712-.556-.5559-1.1136-.8978-1.7712-1.1534-.6361-.2472-1.363-.4162-2.4274-.4648-1.0666-.0487-1.4072-.0602-4.123-.0602Zm6.538 4.662c0 .6627-.5372 1.2-1.2 1.2-.6627 0-1.2-.5373-1.2-1.2s.5373-1.2 1.2-1.2c.6628 0 1.2.5373 1.2 1.2Zm-11.6731 5.3381c0-2.8361 2.299-5.1352 5.1351-5.1352 2.8361 0 5.1351 2.299 5.1351 5.1352 0 2.836-2.299 5.1351-5.1351 5.1351-2.836 0-5.1351-2.2991-5.1351-5.1351Z'
+        clipRule='evenodd'
+      />,
+      <path
+        stroke='currentColor'
+        strokeLinejoin='round'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M12 12h.0007'
+        vectorEffect='non-scaling-stroke'
+      />
+    )
 )
+
+IconSocialInstagram[iconSymbol] = true

package/react/social-linkedin.tsx

@@ -3,34 +3,35 @@
  * This file was generated by sync icons utility.
  */
 import React, { forwardRef, createElement } from 'react'
-import type { ForwardRefExoticComponent, RefAttributes } from 'react'
 
+import { iconSymbol } from '../src/util'
 import { StyledIcon } from '../src/icon'
-import type { IconProps } from '../src/icon'
+import type { IconComponentType } from '../src/icon'
 
-export const IconSocialLinkedin: ForwardRefExoticComponent<
-  IconProps & RefAttributes<SVGSVGElement>
-> = forwardRef(({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-  createElement(
-    StyledIcon,
-    {
-      ...props,
-      weight,
-      size,
-      viewBox: '0 0 24 24',
-      fill: 'none',
-      ref: forwardRef,
-    },
-    <path
-      fill='currentColor'
-      d='M20.5205 2c.8154 0 1.4795.6457 1.4795 1.442v17.1149c0 .7964-.6641 1.4431-1.4795 1.4431h-17.0453c-.8139 0-1.4752-.6467-1.4752-1.4431v-17.1148c0-.7964.6613-1.4421 1.4752-1.4421h17.0453Zm-1.4774 17.0421v-5.2344c0-2.5705-.555-4.5468-3.5586-4.5468-1.4432 0-2.4111.7914-2.8066 1.5417h-.0406v-1.3048h-2.8436v9.5443h2.9629v-4.7206c0-1.2451.2355-2.4514 1.779-2.4514 1.5224 0 1.5414 1.4238 1.5414 2.5306v4.6414h2.9661Zm-11.1103-9.5443h-2.9694v9.5443h2.9694v-9.5443Zm-1.484-4.7444c-.9527 0-1.7209.7707-1.7209 1.7201 0 .9497.7683 1.7203 1.721 1.7203.949 0 1.7193-.7706 1.7193-1.7203 0-.9494-.7704-1.7201-1.7193-1.7201Z'
-    />,
-    <path
-      stroke='currentColor'
-      strokeLinejoin='round'
-      strokeWidth='var(--svg-stroke-width)'
-      d='M12 12h.0007'
-      vectorEffect='non-scaling-stroke'
-    />
-  )
+export const IconSocialLinkedin: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
+    createElement(
+      StyledIcon,
+      {
+        ...props,
+        weight,
+        size,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <path
+        fill='currentColor'
+        d='M20.5205 2c.8154 0 1.4795.6457 1.4795 1.442v17.1149c0 .7964-.6641 1.4431-1.4795 1.4431h-17.0453c-.8139 0-1.4752-.6467-1.4752-1.4431v-17.1148c0-.7964.6613-1.4421 1.4752-1.4421h17.0453Zm-1.4774 17.0421v-5.2344c0-2.5705-.555-4.5468-3.5586-4.5468-1.4432 0-2.4111.7914-2.8066 1.5417h-.0406v-1.3048h-2.8436v9.5443h2.9629v-4.7206c0-1.2451.2355-2.4514 1.779-2.4514 1.5224 0 1.5414 1.4238 1.5414 2.5306v4.6414h2.9661Zm-11.1103-9.5443h-2.9694v9.5443h2.9694v-9.5443Zm-1.484-4.7444c-.9527 0-1.7209.7707-1.7209 1.7201 0 .9497.7683 1.7203 1.721 1.7203.949 0 1.7193-.7706 1.7193-1.7203 0-.9494-.7704-1.7201-1.7193-1.7201Z'
+      />,
+      <path
+        stroke='currentColor'
+        strokeLinejoin='round'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M12 12h.0007'
+        vectorEffect='non-scaling-stroke'
+      />
+    )
 )
+
+IconSocialLinkedin[iconSymbol] = true

package/react/social-twitter.tsx

@@ -3,34 +3,35 @@
  * This file was generated by sync icons utility.
  */
 import React, { forwardRef, createElement } from 'react'
-import type { ForwardRefExoticComponent, RefAttributes } from 'react'
 
+import { iconSymbol } from '../src/util'
 import { StyledIcon } from '../src/icon'
-import type { IconProps } from '../src/icon'
+import type { IconComponentType } from '../src/icon'
 
-export const IconSocialTwitter: ForwardRefExoticComponent<
-  IconProps & RefAttributes<SVGSVGElement>
-> = forwardRef(({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-  createElement(
-    StyledIcon,
-    {
-      ...props,
-      weight,
-      size,
-      viewBox: '0 0 24 24',
-      fill: 'none',
-      ref: forwardRef,
-    },
-    <path
-      fill='currentColor'
-      d='M7.9186 21c8.3019 0 12.8427-6.9257 12.8427-12.9317 0-.1967 0-.3925-.0132-.5875a9.2208 9.2208 0 0 0 2.2519-2.3526 8.9627 8.9627 0 0 1-2.5925.7151c.9421-.5678 1.6476-1.4616 1.9844-2.5139a9.0096 9.0096 0 0 1-2.8661 1.1032c-.8535-.9138-2.0454-1.4326-3.2911-1.4326-2.4786 0-4.518 2.0536-4.518 4.5492 0 .3462.0393.6914.117 1.0286-3.6274-.183-7.0117-1.9107-9.3025-4.7486-1.1913 2.065-.5749 4.741 1.3974 6.0671a4.4563 4.4563 0 0 1-2.0486-.5689v.0576c.0006 2.1553 1.5231 4.0286 3.6212 4.4553a4.4772 4.4772 0 0 1-2.038.078c.5898 1.8468 2.2906 3.1199 4.2169 3.1563-1.598 1.2646-3.5732 1.9515-5.6056 1.9494a9.1226 9.1226 0 0 1-1.0745-.0656 12.7164 12.7164 0 0 0 6.9186 2.0381'
-    />,
-    <path
-      stroke='currentColor'
-      strokeLinejoin='round'
-      strokeWidth='var(--svg-stroke-width)'
-      d='M12 12h.0007'
-      vectorEffect='non-scaling-stroke'
-    />
-  )
+export const IconSocialTwitter: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
+    createElement(
+      StyledIcon,
+      {
+        ...props,
+        weight,
+        size,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <path
+        fill='currentColor'
+        d='M7.9186 21c8.3019 0 12.8427-6.9257 12.8427-12.9317 0-.1967 0-.3925-.0132-.5875a9.2208 9.2208 0 0 0 2.2519-2.3526 8.9627 8.9627 0 0 1-2.5925.7151c.9421-.5678 1.6476-1.4616 1.9844-2.5139a9.0096 9.0096 0 0 1-2.8661 1.1032c-.8535-.9138-2.0454-1.4326-3.2911-1.4326-2.4786 0-4.518 2.0536-4.518 4.5492 0 .3462.0393.6914.117 1.0286-3.6274-.183-7.0117-1.9107-9.3025-4.7486-1.1913 2.065-.5749 4.741 1.3974 6.0671a4.4563 4.4563 0 0 1-2.0486-.5689v.0576c.0006 2.1553 1.5231 4.0286 3.6212 4.4553a4.4772 4.4772 0 0 1-2.038.078c.5898 1.8468 2.2906 3.1199 4.2169 3.1563-1.598 1.2646-3.5732 1.9515-5.6056 1.9494a9.1226 9.1226 0 0 1-1.0745-.0656 12.7164 12.7164 0 0 0 6.9186 2.0381'
+      />,
+      <path
+        stroke='currentColor'
+        strokeLinejoin='round'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M12 12h.0007'
+        vectorEffect='non-scaling-stroke'
+      />
+    )
 )
+
+IconSocialTwitter[iconSymbol] = true

package/react/social-youtube.tsx

@@ -3,34 +3,35 @@
  * This file was generated by sync icons utility.
  */
 import React, { forwardRef, createElement } from 'react'
-import type { ForwardRefExoticComponent, RefAttributes } from 'react'
 
+import { iconSymbol } from '../src/util'
 import { StyledIcon } from '../src/icon'
-import type { IconProps } from '../src/icon'
+import type { IconComponentType } from '../src/icon'
 
-export const IconSocialYoutube: ForwardRefExoticComponent<
-  IconProps & RefAttributes<SVGSVGElement>
-> = forwardRef(({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-  createElement(
-    StyledIcon,
-    {
-      ...props,
-      weight,
-      size,
-      viewBox: '0 0 24 24',
-      fill: 'none',
-      ref: forwardRef,
-    },
-    <path
-      fill='currentColor'
-      d='M23.0195 6.1546c-.2644-1.045-1.0437-1.8678-2.0334-2.147-1.7938-.5076-8.9861-.5076-8.9861-.5076s-7.1923 0-8.9861.5075c-.9895.2793-1.769 1.1021-2.0334 2.147-.4805 1.894-.4805 5.8456-.4805 5.8456s0 3.9516.4805 5.8453c.2645 1.045 1.044 1.868 2.0334 2.1473 1.7938.5073 8.9861.5073 8.9861.5073s7.1923 0 8.9861-.5073c.9897-.2793 1.769-1.1023 2.0334-2.1473.4805-1.8937.4805-5.8453.4805-5.8453s0-3.9516-.4805-5.8455Zm-13.3196 9.4884v-7.2858l5.9755 3.6429-5.9755 3.6429Z'
-    />,
-    <path
-      stroke='currentColor'
-      strokeLinejoin='round'
-      strokeWidth='var(--svg-stroke-width)'
-      d='M12 12h.0007'
-      vectorEffect='non-scaling-stroke'
-    />
-  )
+export const IconSocialYoutube: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
+    createElement(
+      StyledIcon,
+      {
+        ...props,
+        weight,
+        size,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <path
+        fill='currentColor'
+        d='M23.0195 6.1546c-.2644-1.045-1.0437-1.8678-2.0334-2.147-1.7938-.5076-8.9861-.5076-8.9861-.5076s-7.1923 0-8.9861.5075c-.9895.2793-1.769 1.1021-2.0334 2.147-.4805 1.894-.4805 5.8456-.4805 5.8456s0 3.9516.4805 5.8453c.2645 1.045 1.044 1.868 2.0334 2.1473 1.7938.5073 8.9861.5073 8.9861.5073s7.1923 0 8.9861-.5073c.9897-.2793 1.769-1.1023 2.0334-2.1473.4805-1.8937.4805-5.8453.4805-5.8453s0-3.9516-.4805-5.8455Zm-13.3196 9.4884v-7.2858l5.9755 3.6429-5.9755 3.6429Z'
+      />,
+      <path
+        stroke='currentColor'
+        strokeLinejoin='round'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M12 12h.0007'
+        vectorEffect='non-scaling-stroke'
+      />
+    )
 )
+
+IconSocialYoutube[iconSymbol] = true

package/react/sparks-filled.tsx

@@ -3,31 +3,32 @@
  * This file was generated by sync icons utility.
  */
 import React, { forwardRef, createElement } from 'react'
-import type { ForwardRefExoticComponent, RefAttributes } from 'react'
 
+import { iconSymbol } from '../src/util'
 import { StyledIcon } from '../src/icon'
-import type { IconProps } from '../src/icon'
+import type { IconComponentType } from '../src/icon'
 
-export const IconSparksFilled: ForwardRefExoticComponent<
-  IconProps & RefAttributes<SVGSVGElement>
-> = forwardRef(({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-  createElement(
-    StyledIcon,
-    {
-      ...props,
-      weight,
-      size,
-      viewBox: '0 0 24 24',
-      fill: 'none',
-      ref: forwardRef,
-    },
-    <g fill='currentColor' clipPath='url(#a)'>
-      <path d='M19.7722 2.5045c.0885-.1961.3671-.1961.4556 0l.6667 1.4761a.2504.2504 0 0 0 .1249.125l1.4761.6666c.1962.0886.1962.3671 0 .4557l-1.4761.6667a.2504.2504 0 0 0-.1249.1249l-.6667 1.476c-.0885.1962-.3671.1962-.4556 0l-.6667-1.476a.2502.2502 0 0 0-.125-.125l-1.476-.6666c-.1962-.0886-.1962-.3671 0-.4557l1.476-.6667a.2502.2502 0 0 0 .125-.1249l.6667-1.476ZM19.7722 16.5045c.0885-.1961.3671-.1961.4556 0l.6667 1.4761a.25.25 0 0 0 .1249.1249l1.4761.6667c.1962.0886.1962.3671 0 .4557l-1.4761.6667a.25.25 0 0 0-.1249.1249l-.6667 1.4761c-.0885.1961-.3671.1961-.4556 0l-.6667-1.4761a.2498.2498 0 0 0-.125-.1249l-1.476-.6667c-.1962-.0886-.1962-.3671 0-.4557l1.476-.6667a.2498.2498 0 0 0 .125-.1249l.6667-1.4761ZM9.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' />
-    </g>,
-    <defs>
-      <clipPath id='a'>
-        <path fill='none' d='M0 0h24v24h-24z' />
-      </clipPath>
-    </defs>
-  )
+export const IconSparksFilled: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
+    createElement(
+      StyledIcon,
+      {
+        ...props,
+        weight,
+        size,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <g fill='currentColor' clipPath='url(#a)'>
+        <path d='M19.7722 2.5045c.0885-.1961.3671-.1961.4556 0l.6667 1.4761a.2504.2504 0 0 0 .1249.125l1.4761.6666c.1962.0886.1962.3671 0 .4557l-1.4761.6667a.2504.2504 0 0 0-.1249.1249l-.6667 1.476c-.0885.1962-.3671.1962-.4556 0l-.6667-1.476a.2502.2502 0 0 0-.125-.125l-1.476-.6666c-.1962-.0886-.1962-.3671 0-.4557l1.476-.6667a.2502.2502 0 0 0 .125-.1249l.6667-1.476ZM19.7722 16.5045c.0885-.1961.3671-.1961.4556 0l.6667 1.4761a.25.25 0 0 0 .1249.1249l1.4761.6667c.1962.0886.1962.3671 0 .4557l-1.4761.6667a.25.25 0 0 0-.1249.1249l-.6667 1.4761c-.0885.1961-.3671.1961-.4556 0l-.6667-1.4761a.2498.2498 0 0 0-.125-.1249l-1.476-.6667c-.1962-.0886-.1962-.3671 0-.4557l1.476-.6667a.2498.2498 0 0 0 .125-.1249l.6667-1.4761ZM9.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' />
+      </g>,
+      <defs>
+        <clipPath id='a'>
+          <path fill='none' d='M0 0h24v24h-24z' />
+        </clipPath>
+      </defs>
+    )
 )
+
+IconSparksFilled[iconSymbol] = true