@bm-fe/icons 0.1.0-beta.0 → 0.2.0-beta.1

package/react/dist/CopyTradingClassic.tsx

@@ -1,16 +1,29 @@
 import React from 'react';
-import { IconBase, type IconBaseProps } from '../src/IconBase';
 
-export interface CopyTradingClassicProps extends Omit<IconBaseProps, 'children'> {}
+export interface CopyTradingClassicProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size — number (px) or string ("1.5em"). Default: "1em" */
+  size?: number | string;
+}
 
-export const CopyTradingClassic: React.FC<CopyTradingClassicProps> = (props) => {
-  return (
-    <IconBase {...props}>
-      <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-      <path d="M22 14C22 18.0311 19.0194 21.3643 15.1416 21.9189L14.8584 19.9395C17.7651 19.5237 20 17.0218 20 14H22ZM10 2C14.9706 2 19 6.02944 19 11C19 15.9706 14.9706 20 10 20C5.02944 20 1 15.9706 1 11C1 6.02944 5.02944 2 10 2ZM10 4C6.13401 4 3 7.13401 3 11C3 14.866 6.13401 18 10 18C13.866 18 17 14.866 17 11C17 7.13401 13.866 4 10 4ZM14 11L10 15L6 11L10 7L14 11ZM8.8291 11L10 12.1709L11.1709 11L10 9.8291L8.8291 11Z" fill="currentColor"/>
+export const CopyTradingClassic = React.forwardRef<SVGSVGElement, CopyTradingClassicProps>(
+  ({ size, width, height, className, ...props }, ref) => {
+    const sizeValue = typeof size === 'number' ? `${size}px` : size;
+    return (
+      <svg
+        ref={ref}
+        width={sizeValue ?? width ?? '1em'}
+        height={sizeValue ?? height ?? '1em'}
+        viewBox="0 0 24 24"
+        fill="currentColor"
+        role="img"
+        aria-hidden="true"
+        className={className}
+        {...props}
+      >
+        <path d="M22 14C22 18.0311 19.0194 21.3643 15.1416 21.9189L14.8584 19.9395C17.7651 19.5237 20 17.0218 20 14H22ZM10 2C14.9706 2 19 6.02944 19 11C19 15.9706 14.9706 20 10 20C5.02944 20 1 15.9706 1 11C1 6.02944 5.02944 2 10 2ZM10 4C6.13401 4 3 7.13401 3 11C3 14.866 6.13401 18 10 18C13.866 18 17 14.866 17 11C17 7.13401 13.866 4 10 4ZM14 11L10 15L6 11L10 7L14 11ZM8.8291 11L10 12.1709L11.1709 11L10 9.8291L8.8291 11Z" fill="currentColor"/>
       </svg>
-    </IconBase>
-  );
-};
+    );
+  }
+);
 
 CopyTradingClassic.displayName = 'CopyTradingClassic';

package/react/dist/Create.tsx

@@ -1,16 +1,29 @@
 import React from 'react';
-import { IconBase, type IconBaseProps } from '../src/IconBase';
 
-export interface CreateProps extends Omit<IconBaseProps, 'children'> {}
+export interface CreateProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size — number (px) or string ("1.5em"). Default: "1em" */
+  size?: number | string;
+}
 
-export const Create: React.FC<CreateProps> = (props) => {
-  return (
-    <IconBase {...props}>
-      <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-      <path d="M22 21H2V6H22V21ZM4 19H20V8H4V19ZM12.9424 12.0576H15V13.9424H12.9424V16H11.0576V13.9424H9V12.0576H11.0576V10H12.9424V12.0576ZM14 4H4V2H14V4Z" fill="currentColor"/>
+export const Create = React.forwardRef<SVGSVGElement, CreateProps>(
+  ({ size, width, height, className, ...props }, ref) => {
+    const sizeValue = typeof size === 'number' ? `${size}px` : size;
+    return (
+      <svg
+        ref={ref}
+        width={sizeValue ?? width ?? '1em'}
+        height={sizeValue ?? height ?? '1em'}
+        viewBox="0 0 24 24"
+        fill="currentColor"
+        role="img"
+        aria-hidden="true"
+        className={className}
+        {...props}
+      >
+        <path d="M22 21H2V6H22V21ZM4 19H20V8H4V19ZM12.9424 12.0576H15V13.9424H12.9424V16H11.0576V13.9424H9V12.0576H11.0576V10H12.9424V12.0576ZM14 4H4V2H14V4Z" fill="currentColor"/>
       </svg>
-    </IconBase>
-  );
-};
+    );
+  }
+);
 
 Create.displayName = 'Create';

package/react/dist/CreditCard.tsx

@@ -1,16 +1,29 @@
 import React from 'react';
-import { IconBase, type IconBaseProps } from '../src/IconBase';
 
-export interface CreditCardProps extends Omit<IconBaseProps, 'children'> {}
+export interface CreditCardProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size — number (px) or string ("1.5em"). Default: "1em" */
+  size?: number | string;
+}
 
-export const CreditCard: React.FC<CreditCardProps> = (props) => {
-  return (
-    <IconBase {...props}>
-      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
+export const CreditCard = React.forwardRef<SVGSVGElement, CreditCardProps>(
+  ({ size, width, height, className, ...props }, ref) => {
+    const sizeValue = typeof size === 'number' ? `${size}px` : size;
+    return (
+      <svg
+        ref={ref}
+        width={sizeValue ?? width ?? '1em'}
+        height={sizeValue ?? height ?? '1em'}
+        viewBox="0 0 24 24"
+        fill="currentColor"
+        role="img"
+        aria-hidden="true"
+        className={className}
+        {...props}
+      >
         <path d="M18.8945 13.4473L17.6182 16H21.6182L18.8945 21.4473L17.1055 20.5527L18.3818 18H14.3818L17.1055 12.5527L18.8945 13.4473ZM22 12H20V6H4V18H12V20H2V4H22V12ZM12 10H6V8H12V10Z" fill="currentColor"/>
       </svg>
-    </IconBase>
-  );
-};
+    );
+  }
+);
 
 CreditCard.displayName = 'CreditCard';

package/react/dist/CryptoLoans.tsx

@@ -1,16 +1,29 @@
 import React from 'react';
-import { IconBase, type IconBaseProps } from '../src/IconBase';
 
-export interface CryptoLoansProps extends Omit<IconBaseProps, 'children'> {}
+export interface CryptoLoansProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size — number (px) or string ("1.5em"). Default: "1em" */
+  size?: number | string;
+}
 
-export const CryptoLoans: React.FC<CryptoLoansProps> = (props) => {
-  return (
-    <IconBase {...props}>
-      <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-      <path d="M17 13.3604V15H22V18.6182L15.4473 21.8945L15.1162 22.0596L6.87891 20H2V10H9.71973L17 13.3604ZM4 18H6V14H8V18.2197L14.8828 19.9404L20 17.3818V17H11V15H15V14.6396L9.28027 12H4V18ZM17 3C19.2091 3 21 4.79086 21 7C21 9.20914 19.2091 11 17 11C14.7909 11 13 9.20914 13 7C13 4.79086 14.7909 3 17 3ZM17 5C15.8954 5 15 5.89543 15 7C15 8.10457 15.8954 9 17 9C18.1046 9 19 8.10457 19 7C19 5.89543 18.1046 5 17 5Z" fill="currentColor"/>
+export const CryptoLoans = React.forwardRef<SVGSVGElement, CryptoLoansProps>(
+  ({ size, width, height, className, ...props }, ref) => {
+    const sizeValue = typeof size === 'number' ? `${size}px` : size;
+    return (
+      <svg
+        ref={ref}
+        width={sizeValue ?? width ?? '1em'}
+        height={sizeValue ?? height ?? '1em'}
+        viewBox="0 0 24 24"
+        fill="currentColor"
+        role="img"
+        aria-hidden="true"
+        className={className}
+        {...props}
+      >
+        <path d="M17 13.3604V15H22V18.6182L15.4473 21.8945L15.1162 22.0596L6.87891 20H2V10H9.71973L17 13.3604ZM4 18H6V14H8V18.2197L14.8828 19.9404L20 17.3818V17H11V15H15V14.6396L9.28027 12H4V18ZM17 3C19.2091 3 21 4.79086 21 7C21 9.20914 19.2091 11 17 11C14.7909 11 13 9.20914 13 7C13 4.79086 14.7909 3 17 3ZM17 5C15.8954 5 15 5.89543 15 7C15 8.10457 15.8954 9 17 9C18.1046 9 19 8.10457 19 7C19 5.89543 18.1046 5 17 5Z" fill="currentColor"/>
       </svg>
-    </IconBase>
-  );
-};
+    );
+  }
+);
 
 CryptoLoans.displayName = 'CryptoLoans';

package/react/dist/DZD.tsx

@@ -1,24 +1,37 @@
 import React from 'react';
-import { IconBase, type IconBaseProps } from '../src/IconBase';
 
-export interface DZDProps extends Omit<IconBaseProps, 'children'> {}
+export interface DZDProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size — number (px) or string ("1.5em"). Default: "1em" */
+  size?: number | string;
+}
 
-export const DZD: React.FC<DZDProps> = (props) => {
-  return (
-    <IconBase {...props}>
-      <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <g clip-path="url(#clip0_72_3935)">
-      <circle cx="20" cy="20" r="20" fill="#2B713A"/>
-      <path d="M11.2478 26.8053C12.1196 26.8053 12.8083 26.7182 13.3139 26.5438C13.8369 26.3695 14.2118 26.1167 14.4384 25.7854C14.6825 25.4367 14.8046 25.0357 14.8046 24.5824C14.8046 24.2337 14.7087 23.8152 14.5169 23.327C14.3425 22.8389 14.0984 22.2984 13.7846 21.7056C13.4708 21.0954 13.1046 20.459 12.6862 19.7964C12.2852 19.1165 11.8493 18.4278 11.3786 17.7304L13.1831 16.5535C13.8631 17.5822 14.4559 18.5585 14.9615 19.4826C15.4671 20.3892 15.8943 21.2435 16.243 22.0456C16.5917 22.8301 16.8706 23.5711 17.0798 24.2685C17.3239 25.0357 17.5942 25.6023 17.8906 25.9685C18.2044 26.3346 18.527 26.57 18.8582 26.6746C19.1895 26.7618 19.4946 26.8053 19.7736 26.8053C20.1397 26.8053 20.4099 26.91 20.5843 27.1192C20.7587 27.311 20.8458 27.5463 20.8458 27.8253C20.8458 28.1043 20.7238 28.3658 20.4797 28.6099C20.2356 28.8365 19.9218 28.9499 19.5382 28.9499C18.9628 28.9499 18.3962 28.8452 17.8383 28.636C17.2978 28.4094 16.827 28.0519 16.426 27.5638C16.025 27.0581 15.7461 26.3869 15.5891 25.55L16.6353 24.7131C16.6353 25.4105 16.4871 26.0905 16.1907 26.753C15.8943 27.3981 15.3538 27.9299 14.5692 28.3483C13.8021 28.7668 12.6949 28.976 11.2478 28.976C10.6202 28.976 10.0099 28.9237 9.41713 28.8191C8.84177 28.7145 8.31 28.5663 7.82182 28.3745C7.33364 28.1653 6.90648 27.9212 6.54034 27.6422L7.58645 25.8377C7.93515 26.0643 8.42333 26.2823 9.05099 26.4915C9.67866 26.7007 10.4109 26.8053 11.2478 26.8053ZM19.5441 28.9499L19.7795 26.8053C20.6861 26.8053 21.5753 26.7356 22.4471 26.5961C23.3188 26.4566 24.1731 26.2561 25.01 25.9946C25.8469 25.7331 26.6489 25.4193 27.4161 25.0531C28.2006 24.6695 28.9416 24.2337 29.639 23.7455C29.1857 23.3445 28.6627 22.9958 28.0699 22.6994C27.4771 22.403 26.8233 22.1763 26.1084 22.0194C25.411 21.8451 24.67 21.7579 23.8855 21.7579C23.6065 21.7579 23.345 21.7666 23.1009 21.784C22.8568 21.8015 22.6127 21.8363 22.3686 21.8886C22.1245 21.9235 21.8455 21.9758 21.5317 22.0456L21.1133 20.058C21.584 19.9185 22.0548 19.8139 22.5255 19.7441C22.9963 19.657 23.4496 19.6134 23.8855 19.6134C24.7921 19.6134 25.6115 19.7267 26.3438 19.9534C27.0761 20.1626 27.7386 20.4241 28.3314 20.7379C28.9416 21.0518 29.5083 21.3656 30.0313 21.6794C30.5718 21.9933 31.0949 22.2635 31.6005 22.4902C32.1061 22.6994 32.6291 22.804 33.1696 22.804H33.7188L33.9019 24.687C33.1522 24.687 32.4635 24.7916 31.8359 25.0008C31.2082 25.21 30.5892 25.4803 29.979 25.8115C29.3862 26.1254 28.7586 26.4654 28.096 26.8315C27.4335 27.1802 26.7012 27.5202 25.8992 27.8514C25.0972 28.1653 24.1731 28.4268 23.127 28.636C22.0984 28.8452 20.9041 28.9499 19.5441 28.9499ZM26.8407 33.6835C26.4746 33.6835 26.1607 33.5527 25.8992 33.2912C25.6551 33.0471 25.5331 32.7507 25.5331 32.402C25.5331 32.0533 25.6551 31.7482 25.8992 31.4867C26.1607 31.2251 26.4746 31.0944 26.8407 31.0944C27.1894 31.0944 27.4858 31.2251 27.7299 31.4867C27.9914 31.7482 28.1222 32.0533 28.1222 32.402C28.1222 32.7507 27.9914 33.0471 27.7299 33.2912C27.4858 33.5527 27.1894 33.6835 26.8407 33.6835Z" fill="white"/>
-      </g>
-      <defs>
-      <clipPath id="clip0_72_3935">
-      <rect width="40" height="40" fill="white"/>
-      </clipPath>
-      </defs>
+export const DZD = React.forwardRef<SVGSVGElement, DZDProps>(
+  ({ size, width, height, className, ...props }, ref) => {
+    const sizeValue = typeof size === 'number' ? `${size}px` : size;
+    return (
+      <svg
+        ref={ref}
+        width={sizeValue ?? width ?? '1em'}
+        height={sizeValue ?? height ?? '1em'}
+        viewBox="0 0 40 40"
+        fill="none"
+        role="img"
+        aria-hidden="true"
+        className={className}
+        {...props}
+      >
+        <g clipPath="url(#clip0_72_3935)">
+        <circle cx="20" cy="20" r="20" fill="#2B713A"/>
+        <path d="M11.2478 26.8053C12.1196 26.8053 12.8083 26.7182 13.3139 26.5438C13.8369 26.3695 14.2118 26.1167 14.4384 25.7854C14.6825 25.4367 14.8046 25.0357 14.8046 24.5824C14.8046 24.2337 14.7087 23.8152 14.5169 23.327C14.3425 22.8389 14.0984 22.2984 13.7846 21.7056C13.4708 21.0954 13.1046 20.459 12.6862 19.7964C12.2852 19.1165 11.8493 18.4278 11.3786 17.7304L13.1831 16.5535C13.8631 17.5822 14.4559 18.5585 14.9615 19.4826C15.4671 20.3892 15.8943 21.2435 16.243 22.0456C16.5917 22.8301 16.8706 23.5711 17.0798 24.2685C17.3239 25.0357 17.5942 25.6023 17.8906 25.9685C18.2044 26.3346 18.527 26.57 18.8582 26.6746C19.1895 26.7618 19.4946 26.8053 19.7736 26.8053C20.1397 26.8053 20.4099 26.91 20.5843 27.1192C20.7587 27.311 20.8458 27.5463 20.8458 27.8253C20.8458 28.1043 20.7238 28.3658 20.4797 28.6099C20.2356 28.8365 19.9218 28.9499 19.5382 28.9499C18.9628 28.9499 18.3962 28.8452 17.8383 28.636C17.2978 28.4094 16.827 28.0519 16.426 27.5638C16.025 27.0581 15.7461 26.3869 15.5891 25.55L16.6353 24.7131C16.6353 25.4105 16.4871 26.0905 16.1907 26.753C15.8943 27.3981 15.3538 27.9299 14.5692 28.3483C13.8021 28.7668 12.6949 28.976 11.2478 28.976C10.6202 28.976 10.0099 28.9237 9.41713 28.8191C8.84177 28.7145 8.31 28.5663 7.82182 28.3745C7.33364 28.1653 6.90648 27.9212 6.54034 27.6422L7.58645 25.8377C7.93515 26.0643 8.42333 26.2823 9.05099 26.4915C9.67866 26.7007 10.4109 26.8053 11.2478 26.8053ZM19.5441 28.9499L19.7795 26.8053C20.6861 26.8053 21.5753 26.7356 22.4471 26.5961C23.3188 26.4566 24.1731 26.2561 25.01 25.9946C25.8469 25.7331 26.6489 25.4193 27.4161 25.0531C28.2006 24.6695 28.9416 24.2337 29.639 23.7455C29.1857 23.3445 28.6627 22.9958 28.0699 22.6994C27.4771 22.403 26.8233 22.1763 26.1084 22.0194C25.411 21.8451 24.67 21.7579 23.8855 21.7579C23.6065 21.7579 23.345 21.7666 23.1009 21.784C22.8568 21.8015 22.6127 21.8363 22.3686 21.8886C22.1245 21.9235 21.8455 21.9758 21.5317 22.0456L21.1133 20.058C21.584 19.9185 22.0548 19.8139 22.5255 19.7441C22.9963 19.657 23.4496 19.6134 23.8855 19.6134C24.7921 19.6134 25.6115 19.7267 26.3438 19.9534C27.0761 20.1626 27.7386 20.4241 28.3314 20.7379C28.9416 21.0518 29.5083 21.3656 30.0313 21.6794C30.5718 21.9933 31.0949 22.2635 31.6005 22.4902C32.1061 22.6994 32.6291 22.804 33.1696 22.804H33.7188L33.9019 24.687C33.1522 24.687 32.4635 24.7916 31.8359 25.0008C31.2082 25.21 30.5892 25.4803 29.979 25.8115C29.3862 26.1254 28.7586 26.4654 28.096 26.8315C27.4335 27.1802 26.7012 27.5202 25.8992 27.8514C25.0972 28.1653 24.1731 28.4268 23.127 28.636C22.0984 28.8452 20.9041 28.9499 19.5441 28.9499ZM26.8407 33.6835C26.4746 33.6835 26.1607 33.5527 25.8992 33.2912C25.6551 33.0471 25.5331 32.7507 25.5331 32.402C25.5331 32.0533 25.6551 31.7482 25.8992 31.4867C26.1607 31.2251 26.4746 31.0944 26.8407 31.0944C27.1894 31.0944 27.4858 31.2251 27.7299 31.4867C27.9914 31.7482 28.1222 32.0533 28.1222 32.402C28.1222 32.7507 27.9914 33.0471 27.7299 33.2912C27.4858 33.5527 27.1894 33.6835 26.8407 33.6835Z" fill="white"/>
+        </g>
+        <defs>
+        <clipPath id="clip0_72_3935">
+        <rect width="40" height="40" fill="white"/>
+        </clipPath>
+        </defs>
       </svg>
-    </IconBase>
-  );
-};
+    );
+  }
+);
 
 DZD.displayName = 'DZD';

package/react/dist/DailyDraw.tsx

@@ -1,16 +1,29 @@
 import React from 'react';
-import { IconBase, type IconBaseProps } from '../src/IconBase';
 
-export interface DailyDrawProps extends Omit<IconBaseProps, 'children'> {}
+export interface DailyDrawProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size — number (px) or string ("1.5em"). Default: "1em" */
+  size?: number | string;
+}
 
-export const DailyDraw: React.FC<DailyDrawProps> = (props) => {
-  return (
-    <IconBase {...props}>
-      <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-      <path d="M11.9287 2.07227C17.4507 2.07227 21.9276 6.54931 21.9277 12.0713C21.9277 13.3006 21.7053 14.4808 21.2979 15.5713L19.4268 14.8721C19.7519 14.0018 19.9297 13.0583 19.9297 12.0713C19.9296 7.65231 16.3477 4.07031 11.9287 4.07031C7.50971 4.07031 3.92783 7.65231 3.92773 12.0713C3.92773 16.4904 7.50964 20.0723 11.9287 20.0723C12.9636 20.0723 13.9503 19.8765 14.8555 19.5205L15.5869 21.3789C14.4526 21.825 13.218 22.0703 11.9287 22.0703C6.40665 22.0703 1.92969 17.5933 1.92969 12.0713C1.92979 6.54931 6.40671 2.07227 11.9287 2.07227ZM12 10C13.1046 10 14 10.8954 14 12C14 12.1792 13.9739 12.3523 13.9297 12.5176L18.7061 17.2939L19 19L17.2939 18.7061L12.5176 13.9297C12.3523 13.9739 12.1792 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10Z" fill="currentColor"/>
+export const DailyDraw = React.forwardRef<SVGSVGElement, DailyDrawProps>(
+  ({ size, width, height, className, ...props }, ref) => {
+    const sizeValue = typeof size === 'number' ? `${size}px` : size;
+    return (
+      <svg
+        ref={ref}
+        width={sizeValue ?? width ?? '1em'}
+        height={sizeValue ?? height ?? '1em'}
+        viewBox="0 0 24 24"
+        fill="currentColor"
+        role="img"
+        aria-hidden="true"
+        className={className}
+        {...props}
+      >
+        <path d="M11.9287 2.07227C17.4507 2.07227 21.9276 6.54931 21.9277 12.0713C21.9277 13.3006 21.7053 14.4808 21.2979 15.5713L19.4268 14.8721C19.7519 14.0018 19.9297 13.0583 19.9297 12.0713C19.9296 7.65231 16.3477 4.07031 11.9287 4.07031C7.50971 4.07031 3.92783 7.65231 3.92773 12.0713C3.92773 16.4904 7.50964 20.0723 11.9287 20.0723C12.9636 20.0723 13.9503 19.8765 14.8555 19.5205L15.5869 21.3789C14.4526 21.825 13.218 22.0703 11.9287 22.0703C6.40665 22.0703 1.92969 17.5933 1.92969 12.0713C1.92979 6.54931 6.40671 2.07227 11.9287 2.07227ZM12 10C13.1046 10 14 10.8954 14 12C14 12.1792 13.9739 12.3523 13.9297 12.5176L18.7061 17.2939L19 19L17.2939 18.7061L12.5176 13.9297C12.3523 13.9739 12.1792 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10Z" fill="currentColor"/>
       </svg>
-    </IconBase>
-  );
-};
+    );
+  }
+);
 
 DailyDraw.displayName = 'DailyDraw';

package/react/dist/DarkMode.tsx

@@ -1,16 +1,29 @@
 import React from 'react';
-import { IconBase, type IconBaseProps } from '../src/IconBase';
 
-export interface DarkModeProps extends Omit<IconBaseProps, 'children'> {}
+export interface DarkModeProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size — number (px) or string ("1.5em"). Default: "1em" */
+  size?: number | string;
+}
 
-export const DarkMode: React.FC<DarkModeProps> = (props) => {
-  return (
-    <IconBase {...props}>
-      <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-      <path d="M10.4326 2.99902C10.2575 3.68664 10.1651 4.40727 10.165 5.14941C10.165 9.94599 14.054 13.835 18.8506 13.835C19.5925 13.8349 20.3126 13.7415 21 13.5664C20.2595 17.872 16.5102 21.1484 11.9932 21.1484C6.94435 21.1482 2.85156 17.0547 2.85156 12.0059C2.85179 7.48934 6.12755 3.73985 10.4326 2.99902ZM8.34961 5.66504C6.15662 6.9275 4.67986 9.29508 4.67969 12.0059C4.67969 16.0449 7.95416 19.3201 11.9932 19.3203C14.704 19.3203 17.0707 17.8428 18.333 15.6494C12.9376 15.388 8.61002 11.0607 8.34961 5.66504Z" fill="currentColor"/>
+export const DarkMode = React.forwardRef<SVGSVGElement, DarkModeProps>(
+  ({ size, width, height, className, ...props }, ref) => {
+    const sizeValue = typeof size === 'number' ? `${size}px` : size;
+    return (
+      <svg
+        ref={ref}
+        width={sizeValue ?? width ?? '1em'}
+        height={sizeValue ?? height ?? '1em'}
+        viewBox="0 0 24 24"
+        fill="currentColor"
+        role="img"
+        aria-hidden="true"
+        className={className}
+        {...props}
+      >
+        <path d="M10.4326 2.99902C10.2575 3.68664 10.1651 4.40727 10.165 5.14941C10.165 9.94599 14.054 13.835 18.8506 13.835C19.5925 13.8349 20.3126 13.7415 21 13.5664C20.2595 17.872 16.5102 21.1484 11.9932 21.1484C6.94435 21.1482 2.85156 17.0547 2.85156 12.0059C2.85179 7.48934 6.12755 3.73985 10.4326 2.99902ZM8.34961 5.66504C6.15662 6.9275 4.67986 9.29508 4.67969 12.0059C4.67969 16.0449 7.95416 19.3201 11.9932 19.3203C14.704 19.3203 17.0707 17.8428 18.333 15.6494C12.9376 15.388 8.61002 11.0607 8.34961 5.66504Z" fill="currentColor"/>
       </svg>
-    </IconBase>
-  );
-};
+    );
+  }
+);
 
 DarkMode.displayName = 'DarkMode';

package/react/dist/Delete.tsx

@@ -1,16 +1,29 @@
 import React from 'react';
-import { IconBase, type IconBaseProps } from '../src/IconBase';
 
-export interface DeleteProps extends Omit<IconBaseProps, 'children'> {}
+export interface DeleteProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size — number (px) or string ("1.5em"). Default: "1em" */
+  size?: number | string;
+}
 
-export const Delete: React.FC<DeleteProps> = (props) => {
-  return (
-    <IconBase {...props}>
-      <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-      <path d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM17 13H7V11H17V13Z" fill="currentColor"/>
+export const Delete = React.forwardRef<SVGSVGElement, DeleteProps>(
+  ({ size, width, height, className, ...props }, ref) => {
+    const sizeValue = typeof size === 'number' ? `${size}px` : size;
+    return (
+      <svg
+        ref={ref}
+        width={sizeValue ?? width ?? '1em'}
+        height={sizeValue ?? height ?? '1em'}
+        viewBox="0 0 24 24"
+        fill="currentColor"
+        role="img"
+        aria-hidden="true"
+        className={className}
+        {...props}
+      >
+        <path d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4ZM17 13H7V11H17V13Z" fill="currentColor"/>
       </svg>
-    </IconBase>
-  );
-};
+    );
+  }
+);
 
 Delete.displayName = 'Delete';

package/react/dist/Delete2.tsx

@@ -1,16 +1,29 @@
 import React from 'react';
-import { IconBase, type IconBaseProps } from '../src/IconBase';
 
-export interface Delete2Props extends Omit<IconBaseProps, 'children'> {}
+export interface Delete2Props extends React.SVGProps<SVGSVGElement> {
+  /** Icon size — number (px) or string ("1.5em"). Default: "1em" */
+  size?: number | string;
+}
 
-export const Delete2: React.FC<Delete2Props> = (props) => {
-  return (
-    <IconBase {...props}>
-      <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-      <path d="M21 11V13H3V11H21Z" fill="currentColor"/>
+export const Delete2 = React.forwardRef<SVGSVGElement, Delete2Props>(
+  ({ size, width, height, className, ...props }, ref) => {
+    const sizeValue = typeof size === 'number' ? `${size}px` : size;
+    return (
+      <svg
+        ref={ref}
+        width={sizeValue ?? width ?? '1em'}
+        height={sizeValue ?? height ?? '1em'}
+        viewBox="0 0 24 24"
+        fill="currentColor"
+        role="img"
+        aria-hidden="true"
+        className={className}
+        {...props}
+      >
+        <path d="M21 11V13H3V11H21Z" fill="currentColor"/>
       </svg>
-    </IconBase>
-  );
-};
+    );
+  }
+);
 
 Delete2.displayName = 'Delete2';

package/react/dist/DemoTrading.tsx

@@ -1,16 +1,29 @@
 import React from 'react';
-import { IconBase, type IconBaseProps } from '../src/IconBase';
 
-export interface DemoTradingProps extends Omit<IconBaseProps, 'children'> {}
+export interface DemoTradingProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size — number (px) or string ("1.5em"). Default: "1em" */
+  size?: number | string;
+}
 
-export const DemoTrading: React.FC<DemoTradingProps> = (props) => {
-  return (
-    <IconBase {...props}>
-      <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-      <path d="M23.166 20H17.4648L15.4648 17H8.53516L6.53516 20H0.833984L3.1416 5H20.8584L23.166 20ZM3.16602 18H5.46484L7.46484 15H16.5352L18.5352 18H20.834L19.1426 7H4.85742L3.16602 18ZM10 10H11V12H10V13H8V12H7V10H8V9H10V10Z" fill="currentColor"/>
+export const DemoTrading = React.forwardRef<SVGSVGElement, DemoTradingProps>(
+  ({ size, width, height, className, ...props }, ref) => {
+    const sizeValue = typeof size === 'number' ? `${size}px` : size;
+    return (
+      <svg
+        ref={ref}
+        width={sizeValue ?? width ?? '1em'}
+        height={sizeValue ?? height ?? '1em'}
+        viewBox="0 0 24 24"
+        fill="currentColor"
+        role="img"
+        aria-hidden="true"
+        className={className}
+        {...props}
+      >
+        <path d="M23.166 20H17.4648L15.4648 17H8.53516L6.53516 20H0.833984L3.1416 5H20.8584L23.166 20ZM3.16602 18H5.46484L7.46484 15H16.5352L18.5352 18H20.834L19.1426 7H4.85742L3.16602 18ZM10 10H11V12H10V13H8V12H7V10H8V9H10V10Z" fill="currentColor"/>
       </svg>
-    </IconBase>
-  );
-};
+    );
+  }
+);
 
 DemoTrading.displayName = 'DemoTrading';

package/react/dist/Deposit.tsx

@@ -1,16 +1,29 @@
 import React from 'react';
-import { IconBase, type IconBaseProps } from '../src/IconBase';
 
-export interface DepositProps extends Omit<IconBaseProps, 'children'> {}
+export interface DepositProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size — number (px) or string ("1.5em"). Default: "1em" */
+  size?: number | string;
+}
 
-export const Deposit: React.FC<DepositProps> = (props) => {
-  return (
-    <IconBase {...props}>
-      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
+export const Deposit = React.forwardRef<SVGSVGElement, DepositProps>(
+  ({ size, width, height, className, ...props }, ref) => {
+    const sizeValue = typeof size === 'number' ? `${size}px` : size;
+    return (
+      <svg
+        ref={ref}
+        width={sizeValue ?? width ?? '1em'}
+        height={sizeValue ?? height ?? '1em'}
+        viewBox="0 0 24 24"
+        fill="currentColor"
+        role="img"
+        aria-hidden="true"
+        className={className}
+        {...props}
+      >
         <path d="M18.8154 11C20.2702 11.0001 21.61 11.5066 22.6367 12.3535L21.3633 13.8965C20.6925 13.3433 19.8026 13.0001 18.8154 13C17.7579 13 16.8267 13.3876 16.1484 14H19V16H15.0391C15.0131 16.164 15 16.331 15 16.5C15 16.669 15.0131 16.836 15.0391 17H19V19H16.1484C16.8267 19.6124 17.7579 20 18.8154 20C19.8026 19.9999 20.6925 19.6567 21.3633 19.1035L22.6367 20.6465C21.61 21.4934 20.2702 21.9999 18.8154 22C16.5902 22 14.6052 20.7992 13.6328 19H12V17H13.0244C13.0089 16.8356 13 16.6689 13 16.5C13 16.3311 13.0089 16.1644 13.0244 16H12V14H13.6328C14.6052 12.2008 16.5902 11 18.8154 11ZM22 10H20V6H4V18H10V20H2V4H22V10ZM12 10H6V8H12V10Z" fill="currentColor"/>
       </svg>
-    </IconBase>
-  );
-};
+    );
+  }
+);
 
 Deposit.displayName = 'Deposit';

package/react/dist/Detail.tsx

@@ -1,16 +1,29 @@
 import React from 'react';
-import { IconBase, type IconBaseProps } from '../src/IconBase';
 
-export interface DetailProps extends Omit<IconBaseProps, 'children'> {}
+export interface DetailProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size — number (px) or string ("1.5em"). Default: "1em" */
+  size?: number | string;
+}
 
-export const Detail: React.FC<DetailProps> = (props) => {
-  return (
-    <IconBase {...props}>
-      <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-      <path d="M5 10C6.10457 10 7 10.8954 7 12C6.99993 13.1045 6.10453 14 5 14C3.89547 14 3.00007 13.1045 3 12C3 10.8954 3.89543 10 5 10ZM12 10C13.1046 10 14 10.8954 14 12C13.9999 13.1045 13.1045 14 12 14C10.8955 14 10.0001 13.1045 10 12C10 10.8954 10.8954 10 12 10ZM19 10C20.1046 10 21 10.8954 21 12C20.9999 13.1045 20.1045 14 19 14C17.8955 14 17.0001 13.1045 17 12C17 10.8954 17.8954 10 19 10Z" fill="currentColor"/>
+export const Detail = React.forwardRef<SVGSVGElement, DetailProps>(
+  ({ size, width, height, className, ...props }, ref) => {
+    const sizeValue = typeof size === 'number' ? `${size}px` : size;
+    return (
+      <svg
+        ref={ref}
+        width={sizeValue ?? width ?? '1em'}
+        height={sizeValue ?? height ?? '1em'}
+        viewBox="0 0 24 24"
+        fill="currentColor"
+        role="img"
+        aria-hidden="true"
+        className={className}
+        {...props}
+      >
+        <path d="M5 10C6.10457 10 7 10.8954 7 12C6.99993 13.1045 6.10453 14 5 14C3.89547 14 3.00007 13.1045 3 12C3 10.8954 3.89543 10 5 10ZM12 10C13.1046 10 14 10.8954 14 12C13.9999 13.1045 13.1045 14 12 14C10.8955 14 10.0001 13.1045 10 12C10 10.8954 10.8954 10 12 10ZM19 10C20.1046 10 21 10.8954 21 12C20.9999 13.1045 20.1045 14 19 14C17.8955 14 17.0001 13.1045 17 12C17 10.8954 17.8954 10 19 10Z" fill="currentColor"/>
       </svg>
-    </IconBase>
-  );
-};
+    );
+  }
+);
 
 Detail.displayName = 'Detail';

package/react/dist/Dex.tsx

@@ -1,16 +1,29 @@
 import React from 'react';
-import { IconBase, type IconBaseProps } from '../src/IconBase';
 
-export interface DexProps extends Omit<IconBaseProps, 'children'> {}
+export interface DexProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size — number (px) or string ("1.5em"). Default: "1em" */
+  size?: number | string;
+}
 
-export const Dex: React.FC<DexProps> = (props) => {
-  return (
-    <IconBase {...props}>
-      <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-      <path d="M9 2C12.5483 2 15.4777 4.64044 15.9355 8.06348C19.3591 8.52083 22 11.4513 22 15C22 18.866 18.866 22 15 22C11.134 22 8 18.866 8 15C8 11.5034 10.5638 8.6058 13.9141 8.08398C13.4836 5.76023 11.4484 4 9 4C6.23858 4 4 6.23858 4 9C4 11.0952 5.28922 12.888 7.11719 13.6318C7.04049 14.0764 7 14.5335 7 15C7 15.242 7.01217 15.4813 7.0332 15.7178C4.12496 14.8677 2 12.1829 2 9C2 5.13401 5.13401 2 9 2ZM15.915 10.085C15.5005 12.7484 13.5855 14.9148 11.0605 15.6914C11.0214 15.4668 11 15.2359 11 15C11 14.4416 11.1153 13.9101 11.3223 13.4268C12.5921 12.7592 13.5378 11.5621 13.8691 10.1289C11.6525 10.6415 10 12.6275 10 15C10 17.7614 12.2386 20 15 20C17.7614 20 20 17.7614 20 15C20 12.5512 18.2393 10.5149 15.915 10.085Z" fill="currentColor"/>
+export const Dex = React.forwardRef<SVGSVGElement, DexProps>(
+  ({ size, width, height, className, ...props }, ref) => {
+    const sizeValue = typeof size === 'number' ? `${size}px` : size;
+    return (
+      <svg
+        ref={ref}
+        width={sizeValue ?? width ?? '1em'}
+        height={sizeValue ?? height ?? '1em'}
+        viewBox="0 0 24 24"
+        fill="currentColor"
+        role="img"
+        aria-hidden="true"
+        className={className}
+        {...props}
+      >
+        <path d="M9 2C12.5483 2 15.4777 4.64044 15.9355 8.06348C19.3591 8.52083 22 11.4513 22 15C22 18.866 18.866 22 15 22C11.134 22 8 18.866 8 15C8 11.5034 10.5638 8.6058 13.9141 8.08398C13.4836 5.76023 11.4484 4 9 4C6.23858 4 4 6.23858 4 9C4 11.0952 5.28922 12.888 7.11719 13.6318C7.04049 14.0764 7 14.5335 7 15C7 15.242 7.01217 15.4813 7.0332 15.7178C4.12496 14.8677 2 12.1829 2 9C2 5.13401 5.13401 2 9 2ZM15.915 10.085C15.5005 12.7484 13.5855 14.9148 11.0605 15.6914C11.0214 15.4668 11 15.2359 11 15C11 14.4416 11.1153 13.9101 11.3223 13.4268C12.5921 12.7592 13.5378 11.5621 13.8691 10.1289C11.6525 10.6415 10 12.6275 10 15C10 17.7614 12.2386 20 15 20C17.7614 20 20 17.7614 20 15C20 12.5512 18.2393 10.5149 15.915 10.085Z" fill="currentColor"/>
       </svg>
-    </IconBase>
-  );
-};
+    );
+  }
+);
 
 Dex.displayName = 'Dex';

package/react/dist/Discord.tsx

@@ -1,16 +1,29 @@
 import React from 'react';
-import { IconBase, type IconBaseProps } from '../src/IconBase';
 
-export interface DiscordProps extends Omit<IconBaseProps, 'children'> {}
+export interface DiscordProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size — number (px) or string ("1.5em"). Default: "1em" */
+  size?: number | string;
+}
 
-export const Discord: React.FC<DiscordProps> = (props) => {
-  return (
-    <IconBase {...props}>
-      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <path d="M18.9569 5.63694C18.9513 5.62617 18.9421 5.61773 18.9309 5.61313C17.6342 5.01818 16.2658 4.59394 14.8599 4.35102C14.8472 4.34864 14.834 4.35035 14.8222 4.35591C14.8105 4.36147 14.8008 4.37059 14.7945 4.38197C14.6082 4.72016 14.439 5.06755 14.2877 5.42279C12.7723 5.19275 11.2308 5.19275 9.7154 5.42279C9.56307 5.06664 9.39121 4.71918 9.2006 4.38197C9.19406 4.37083 9.18432 4.36193 9.17265 4.35641C9.16098 4.35088 9.14791 4.34901 9.13516 4.35102C7.72916 4.59343 6.36067 5.01771 5.06412 5.61317C5.05302 5.61787 5.04366 5.62591 5.03732 5.63616C2.44449 9.50822 1.73421 13.2851 2.08265 17.0152C2.08363 17.0243 2.08644 17.0332 2.09091 17.0412C2.09538 17.0492 2.10142 17.0563 2.10867 17.0619C3.61845 18.1798 5.30716 19.0331 7.10273 19.5854C7.11538 19.5892 7.12888 19.589 7.14143 19.5849C7.15397 19.5808 7.16496 19.5729 7.1729 19.5624C7.55855 19.0377 7.90027 18.482 8.19457 17.9011C8.19862 17.8931 8.20093 17.8844 8.20135 17.8755C8.20177 17.8665 8.2003 17.8576 8.19702 17.8493C8.19375 17.841 8.18875 17.8334 8.18235 17.8272C8.17595 17.821 8.16831 17.8161 8.15991 17.8131C7.62106 17.6069 7.09938 17.3583 6.59977 17.0698C6.5907 17.0644 6.58308 17.0569 6.57758 17.048C6.57208 17.039 6.56888 17.0288 6.56826 17.0183C6.56764 17.0078 6.56962 16.9973 6.57401 16.9877C6.57841 16.9781 6.5851 16.9698 6.59348 16.9634C6.69861 16.8849 6.80191 16.804 6.90331 16.7207C6.91221 16.7134 6.92297 16.7087 6.93438 16.7071C6.9458 16.7056 6.95742 16.7073 6.96794 16.712C10.241 18.2058 13.7846 18.2058 17.019 16.712C17.0295 16.707 17.0413 16.705 17.0529 16.7064C17.0644 16.7078 17.0754 16.7125 17.0844 16.7199C17.1859 16.8036 17.2895 16.8848 17.395 16.9634C17.4035 16.9697 17.4102 16.978 17.4147 16.9875C17.4192 16.9971 17.4212 17.0076 17.4207 17.0181C17.4201 17.0286 17.417 17.0388 17.4116 17.0478C17.4061 17.0568 17.3986 17.0644 17.3895 17.0698C16.8911 17.3608 16.3689 17.6092 15.8286 17.8123C15.8203 17.8155 15.8126 17.8204 15.8063 17.8267C15.7999 17.8331 15.795 17.8407 15.7918 17.8491C15.7886 17.8575 15.7872 17.8664 15.7877 17.8754C15.7881 17.8844 15.7905 17.8931 15.7946 17.9011C16.0939 18.4788 16.4351 19.0337 16.8155 19.5615C16.8232 19.5723 16.8342 19.5804 16.8468 19.5847C16.8594 19.589 16.873 19.5892 16.8857 19.5853C18.6845 19.0349 20.3761 18.1815 21.8878 17.0619C21.8952 17.0566 21.9013 17.0497 21.9058 17.0418C21.9103 17.0338 21.913 17.025 21.9138 17.016C22.331 12.7036 21.2155 8.95767 18.9569 5.63694ZM8.68339 14.7439C7.69794 14.7439 6.88597 13.8396 6.88597 12.729C6.88597 11.6184 7.68219 10.714 8.68339 10.714C9.6924 10.714 10.4965 11.6262 10.4808 12.7289C10.4808 13.8396 9.68451 14.7439 8.68339 14.7439ZM15.329 14.7439C14.3436 14.7439 13.5316 13.8396 13.5316 12.729C13.5316 11.6184 14.3278 10.714 15.329 10.714C16.3381 10.714 17.1422 11.6262 17.1264 12.7289C17.1264 13.8396 16.3381 14.7439 15.329 14.7439Z" fill="#0F0F0F"/>
+export const Discord = React.forwardRef<SVGSVGElement, DiscordProps>(
+  ({ size, width, height, className, ...props }, ref) => {
+    const sizeValue = typeof size === 'number' ? `${size}px` : size;
+    return (
+      <svg
+        ref={ref}
+        width={sizeValue ?? width ?? '1em'}
+        height={sizeValue ?? height ?? '1em'}
+        viewBox="0 0 24 24"
+        fill="none"
+        role="img"
+        aria-hidden="true"
+        className={className}
+        {...props}
+      >
+        <path d="M18.9569 5.63694C18.9513 5.62617 18.9421 5.61773 18.9309 5.61313C17.6342 5.01818 16.2658 4.59394 14.8599 4.35102C14.8472 4.34864 14.834 4.35035 14.8222 4.35591C14.8105 4.36147 14.8008 4.37059 14.7945 4.38197C14.6082 4.72016 14.439 5.06755 14.2877 5.42279C12.7723 5.19275 11.2308 5.19275 9.7154 5.42279C9.56307 5.06664 9.39121 4.71918 9.2006 4.38197C9.19406 4.37083 9.18432 4.36193 9.17265 4.35641C9.16098 4.35088 9.14791 4.34901 9.13516 4.35102C7.72916 4.59343 6.36067 5.01771 5.06412 5.61317C5.05302 5.61787 5.04366 5.62591 5.03732 5.63616C2.44449 9.50822 1.73421 13.2851 2.08265 17.0152C2.08363 17.0243 2.08644 17.0332 2.09091 17.0412C2.09538 17.0492 2.10142 17.0563 2.10867 17.0619C3.61845 18.1798 5.30716 19.0331 7.10273 19.5854C7.11538 19.5892 7.12888 19.589 7.14143 19.5849C7.15397 19.5808 7.16496 19.5729 7.1729 19.5624C7.55855 19.0377 7.90027 18.482 8.19457 17.9011C8.19862 17.8931 8.20093 17.8844 8.20135 17.8755C8.20177 17.8665 8.2003 17.8576 8.19702 17.8493C8.19375 17.841 8.18875 17.8334 8.18235 17.8272C8.17595 17.821 8.16831 17.8161 8.15991 17.8131C7.62106 17.6069 7.09938 17.3583 6.59977 17.0698C6.5907 17.0644 6.58308 17.0569 6.57758 17.048C6.57208 17.039 6.56888 17.0288 6.56826 17.0183C6.56764 17.0078 6.56962 16.9973 6.57401 16.9877C6.57841 16.9781 6.5851 16.9698 6.59348 16.9634C6.69861 16.8849 6.80191 16.804 6.90331 16.7207C6.91221 16.7134 6.92297 16.7087 6.93438 16.7071C6.9458 16.7056 6.95742 16.7073 6.96794 16.712C10.241 18.2058 13.7846 18.2058 17.019 16.712C17.0295 16.707 17.0413 16.705 17.0529 16.7064C17.0644 16.7078 17.0754 16.7125 17.0844 16.7199C17.1859 16.8036 17.2895 16.8848 17.395 16.9634C17.4035 16.9697 17.4102 16.978 17.4147 16.9875C17.4192 16.9971 17.4212 17.0076 17.4207 17.0181C17.4201 17.0286 17.417 17.0388 17.4116 17.0478C17.4061 17.0568 17.3986 17.0644 17.3895 17.0698C16.8911 17.3608 16.3689 17.6092 15.8286 17.8123C15.8203 17.8155 15.8126 17.8204 15.8063 17.8267C15.7999 17.8331 15.795 17.8407 15.7918 17.8491C15.7886 17.8575 15.7872 17.8664 15.7877 17.8754C15.7881 17.8844 15.7905 17.8931 15.7946 17.9011C16.0939 18.4788 16.4351 19.0337 16.8155 19.5615C16.8232 19.5723 16.8342 19.5804 16.8468 19.5847C16.8594 19.589 16.873 19.5892 16.8857 19.5853C18.6845 19.0349 20.3761 18.1815 21.8878 17.0619C21.8952 17.0566 21.9013 17.0497 21.9058 17.0418C21.9103 17.0338 21.913 17.025 21.9138 17.016C22.331 12.7036 21.2155 8.95767 18.9569 5.63694ZM8.68339 14.7439C7.69794 14.7439 6.88597 13.8396 6.88597 12.729C6.88597 11.6184 7.68219 10.714 8.68339 10.714C9.6924 10.714 10.4965 11.6262 10.4808 12.7289C10.4808 13.8396 9.68451 14.7439 8.68339 14.7439ZM15.329 14.7439C14.3436 14.7439 13.5316 13.8396 13.5316 12.729C13.5316 11.6184 14.3278 10.714 15.329 10.714C16.3381 10.714 17.1422 11.6262 17.1264 12.7289C17.1264 13.8396 16.3381 14.7439 15.329 14.7439Z" fill="currentColor"/>
       </svg>
-    </IconBase>
-  );
-};
+    );
+  }
+);
 
 Discord.displayName = 'Discord';