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

package/react/dist/THB.tsx

@@ -1,24 +1,37 @@
 import React from 'react';
-import { IconBase, type IconBaseProps } from '../src/IconBase';
 
-export interface THBProps extends Omit<IconBaseProps, 'children'> {}
+export interface THBProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size — number (px) or string ("1.5em"). Default: "1em" */
+  size?: number | string;
+}
 
-export const THB: React.FC<THBProps> = (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_3952)">
-      <circle cx="20" cy="20" r="20" fill="#002E63"/>
-      <path d="M15.2246 11.7793H19.3945V8.98633H21.0449V11.7793H21.3867C23.0664 11.7793 24.2611 12.2806 24.9707 13.2832C25.3874 13.8757 25.5957 14.5592 25.5957 15.334C25.5957 16.2389 25.3385 16.9811 24.8242 17.5605C24.5573 17.8665 24.1732 18.1465 23.6719 18.4004C24.4076 18.6803 24.9577 18.9961 25.3223 19.3477C25.9668 19.9727 26.2891 20.8353 26.2891 21.9355C26.2891 22.86 25.9993 23.6966 25.4199 24.4453C24.554 25.5651 23.1771 26.125 21.2891 26.125H21.0449V28.4785H19.3945V26.125H15.2246V11.7793ZM21.3184 24.4648C22.5098 24.4648 23.3594 24.1198 23.8672 23.4297C24.1862 22.9935 24.3457 22.4661 24.3457 21.8477C24.3457 20.806 23.8802 20.0964 22.9492 19.7188C22.4674 19.5234 21.8327 19.4225 21.0449 19.416V24.4648H21.3184ZM17.1289 24.4648H19.3945V19.416H17.1289V24.4648ZM17.1289 17.8438H19.3945V13.4004H17.1289V17.8438ZM22.5781 17.502C23.2943 17.1439 23.6523 16.4993 23.6523 15.5684C23.6523 14.6309 23.2715 13.9993 22.5098 13.6738C22.1582 13.5241 21.6699 13.4362 21.0449 13.4102V17.834C21.6829 17.8079 22.194 17.6973 22.5781 17.502Z" fill="white"/>
-      </g>
-      <defs>
-      <clipPath id="clip0_72_3952">
-      <rect width="40" height="40" fill="white"/>
-      </clipPath>
-      </defs>
+export const THB = React.forwardRef<SVGSVGElement, THBProps>(
+  ({ 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_3952)">
+        <circle cx="20" cy="20" r="20" fill="#002E63"/>
+        <path d="M15.2246 11.7793H19.3945V8.98633H21.0449V11.7793H21.3867C23.0664 11.7793 24.2611 12.2806 24.9707 13.2832C25.3874 13.8757 25.5957 14.5592 25.5957 15.334C25.5957 16.2389 25.3385 16.9811 24.8242 17.5605C24.5573 17.8665 24.1732 18.1465 23.6719 18.4004C24.4076 18.6803 24.9577 18.9961 25.3223 19.3477C25.9668 19.9727 26.2891 20.8353 26.2891 21.9355C26.2891 22.86 25.9993 23.6966 25.4199 24.4453C24.554 25.5651 23.1771 26.125 21.2891 26.125H21.0449V28.4785H19.3945V26.125H15.2246V11.7793ZM21.3184 24.4648C22.5098 24.4648 23.3594 24.1198 23.8672 23.4297C24.1862 22.9935 24.3457 22.4661 24.3457 21.8477C24.3457 20.806 23.8802 20.0964 22.9492 19.7188C22.4674 19.5234 21.8327 19.4225 21.0449 19.416V24.4648H21.3184ZM17.1289 24.4648H19.3945V19.416H17.1289V24.4648ZM17.1289 17.8438H19.3945V13.4004H17.1289V17.8438ZM22.5781 17.502C23.2943 17.1439 23.6523 16.4993 23.6523 15.5684C23.6523 14.6309 23.2715 13.9993 22.5098 13.6738C22.1582 13.5241 21.6699 13.4362 21.0449 13.4102V17.834C21.6829 17.8079 22.194 17.6973 22.5781 17.502Z" fill="white"/>
+        </g>
+        <defs>
+        <clipPath id="clip0_72_3952">
+        <rect width="40" height="40" fill="white"/>
+        </clipPath>
+        </defs>
       </svg>
-    </IconBase>
-  );
-};
+    );
+  }
+);
 
 THB.displayName = 'THB';

package/react/dist/TRY.tsx

@@ -1,24 +1,37 @@
 import React from 'react';
-import { IconBase, type IconBaseProps } from '../src/IconBase';
 
-export interface TRYProps extends Omit<IconBaseProps, 'children'> {}
+export interface TRYProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size — number (px) or string ("1.5em"). Default: "1em" */
+  size?: number | string;
+}
 
-export const TRY: React.FC<TRYProps> = (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_3979)">
-      <circle cx="20" cy="20" r="20" fill="#E20C17"/>
-      <path d="M13.2425 23.7975L17.6425 22.725V19.975L13.16 21.0475V19.315L17.6425 18.1875V11.945H20.2275V17.555L25.095 16.345V18.16L20.2275 19.3425V22.0925L24.985 20.9375V22.7525L20.2275 23.9075V29.1875C20.805 29.325 21.52 29.38 22.345 29.38C27.5425 29.38 29.7975 26.135 29.7975 19.7825H32.355C32.355 27.84 29.3025 31.745 22.345 31.745C20.9975 31.745 19.43 31.5525 17.6425 31.14V24.54L13.2425 25.6125V23.7975Z" fill="white"/>
-      </g>
-      <defs>
-      <clipPath id="clip0_72_3979">
-      <rect width="40" height="40" fill="white"/>
-      </clipPath>
-      </defs>
+export const TRY = React.forwardRef<SVGSVGElement, TRYProps>(
+  ({ 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_3979)">
+        <circle cx="20" cy="20" r="20" fill="#E20C17"/>
+        <path d="M13.2425 23.7975L17.6425 22.725V19.975L13.16 21.0475V19.315L17.6425 18.1875V11.945H20.2275V17.555L25.095 16.345V18.16L20.2275 19.3425V22.0925L24.985 20.9375V22.7525L20.2275 23.9075V29.1875C20.805 29.325 21.52 29.38 22.345 29.38C27.5425 29.38 29.7975 26.135 29.7975 19.7825H32.355C32.355 27.84 29.3025 31.745 22.345 31.745C20.9975 31.745 19.43 31.5525 17.6425 31.14V24.54L13.2425 25.6125V23.7975Z" fill="white"/>
+        </g>
+        <defs>
+        <clipPath id="clip0_72_3979">
+        <rect width="40" height="40" fill="white"/>
+        </clipPath>
+        </defs>
       </svg>
-    </IconBase>
-  );
-};
+    );
+  }
+);
 
 TRY.displayName = 'TRY';

package/react/dist/TWD.tsx

@@ -1,24 +1,37 @@
 import React from 'react';
-import { IconBase, type IconBaseProps } from '../src/IconBase';
 
-export interface TWDProps extends Omit<IconBaseProps, 'children'> {}
+export interface TWDProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size — number (px) or string ("1.5em"). Default: "1em" */
+  size?: number | string;
+}
 
-export const TWD: React.FC<TWDProps> = (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_3966)">
-      <circle cx="20" cy="20" r="20" fill="#CF1227"/>
-      <path fill-rule="evenodd" clip-rule="evenodd" d="M19.6055 12.3146C18.4339 12.397 17.4846 12.706 16.717 13.2624C15.6868 13.9835 15.1818 15.0137 15.1818 16.3736C15.1818 17.8984 15.8686 19.0522 17.2826 19.8352L19.6055 20.7005V25.522C18.9793 25.4396 18.4945 25.2335 18.1511 24.9038C17.6865 24.4505 17.424 23.6676 17.3432 22.5962H15C15.1212 24.2857 15.606 25.5426 16.4544 26.3668C17.1816 27.0673 18.2319 27.4588 19.6055 27.5618V29.375H20.9387V27.5618C22.1709 27.4794 23.1808 27.1703 23.9888 26.6346C25.0796 25.8929 25.625 24.8008 25.625 23.3379C25.625 21.8338 24.918 20.6799 23.5242 19.8764C23.403 19.794 22.5345 19.4643 20.9387 18.8668V14.3338C21.4437 14.3956 21.8477 14.5398 22.1507 14.7665C22.6355 15.1168 22.9385 15.7143 23.0596 16.5797H25.3624C25.1604 15.0755 24.6554 13.9835 23.8272 13.3242C23.1202 12.7473 22.1507 12.397 20.9387 12.3146V10.625H19.6055V12.3146ZM20.9387 21.1951C21.0195 21.2157 21.0801 21.2363 21.1609 21.2775C22.5547 21.772 23.2616 22.4931 23.2616 23.4203C23.2616 24.1003 22.9788 24.636 22.4133 25.0069C22.0093 25.2747 21.5043 25.4396 20.9387 25.522V21.1951ZM17.5452 16.3736C17.5452 17.1566 18.2319 17.8159 19.6055 18.3517V14.3132C19.0803 14.375 18.6561 14.5192 18.3531 14.7253C17.8077 15.055 17.5452 15.6113 17.5452 16.3736Z" fill="white"/>
-      </g>
-      <defs>
-      <clipPath id="clip0_72_3966">
-      <rect width="40" height="40" fill="white"/>
-      </clipPath>
-      </defs>
+export const TWD = React.forwardRef<SVGSVGElement, TWDProps>(
+  ({ 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_3966)">
+        <circle cx="20" cy="20" r="20" fill="#CF1227"/>
+        <path fillRule="evenodd" clipRule="evenodd" d="M19.6055 12.3146C18.4339 12.397 17.4846 12.706 16.717 13.2624C15.6868 13.9835 15.1818 15.0137 15.1818 16.3736C15.1818 17.8984 15.8686 19.0522 17.2826 19.8352L19.6055 20.7005V25.522C18.9793 25.4396 18.4945 25.2335 18.1511 24.9038C17.6865 24.4505 17.424 23.6676 17.3432 22.5962H15C15.1212 24.2857 15.606 25.5426 16.4544 26.3668C17.1816 27.0673 18.2319 27.4588 19.6055 27.5618V29.375H20.9387V27.5618C22.1709 27.4794 23.1808 27.1703 23.9888 26.6346C25.0796 25.8929 25.625 24.8008 25.625 23.3379C25.625 21.8338 24.918 20.6799 23.5242 19.8764C23.403 19.794 22.5345 19.4643 20.9387 18.8668V14.3338C21.4437 14.3956 21.8477 14.5398 22.1507 14.7665C22.6355 15.1168 22.9385 15.7143 23.0596 16.5797H25.3624C25.1604 15.0755 24.6554 13.9835 23.8272 13.3242C23.1202 12.7473 22.1507 12.397 20.9387 12.3146V10.625H19.6055V12.3146ZM20.9387 21.1951C21.0195 21.2157 21.0801 21.2363 21.1609 21.2775C22.5547 21.772 23.2616 22.4931 23.2616 23.4203C23.2616 24.1003 22.9788 24.636 22.4133 25.0069C22.0093 25.2747 21.5043 25.4396 20.9387 25.522V21.1951ZM17.5452 16.3736C17.5452 17.1566 18.2319 17.8159 19.6055 18.3517V14.3132C19.0803 14.375 18.6561 14.5192 18.3531 14.7253C17.8077 15.055 17.5452 15.6113 17.5452 16.3736Z" fill="white"/>
+        </g>
+        <defs>
+        <clipPath id="clip0_72_3966">
+        <rect width="40" height="40" fill="white"/>
+        </clipPath>
+        </defs>
       </svg>
-    </IconBase>
-  );
-};
+    );
+  }
+);
 
 TWD.displayName = 'TWD';

package/react/dist/TZS.tsx

@@ -1,24 +1,37 @@
 import React from 'react';
-import { IconBase, type IconBaseProps } from '../src/IconBase';
 
-export interface TZSProps extends Omit<IconBaseProps, 'children'> {}
+export interface TZSProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size — number (px) or string ("1.5em"). Default: "1em" */
+  size?: number | string;
+}
 
-export const TZS: React.FC<TZSProps> = (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_3947)">
-      <circle cx="20" cy="20" r="20" fill="#2B713A"/>
-      <path d="M5.85 15.29H14.625V16.79H11.115V26H9.36V16.79H5.85V15.29ZM19.6835 15.08C20.9435 15.08 21.9335 15.335 22.6385 15.86C23.3885 16.415 23.8235 17.285 23.9285 18.455H22.1885C22.0385 17.795 21.7535 17.315 21.3635 17.03C20.9735 16.73 20.3735 16.595 19.5935 16.595C18.9185 16.595 18.4085 16.685 18.0485 16.88C17.5985 17.105 17.3885 17.48 17.3885 17.99C17.3885 18.44 17.6285 18.815 18.1385 19.085C18.3635 19.205 18.9785 19.43 19.9685 19.745C21.4235 20.195 22.3535 20.555 22.7735 20.795C23.7035 21.35 24.1685 22.115 24.1685 23.105C24.1685 24.065 23.7935 24.83 23.0435 25.385C22.2935 25.925 21.2285 26.21 19.8635 26.21C18.5435 26.21 17.5085 25.955 16.7735 25.445C15.8735 24.815 15.3785 23.825 15.3035 22.46H17.0435C17.1635 23.27 17.4485 23.855 17.9135 24.2C18.3335 24.5 18.9785 24.665 19.8635 24.665C20.6435 24.665 21.2735 24.53 21.7235 24.275C22.1735 24.005 22.4135 23.66 22.4135 23.21C22.4135 22.64 22.0685 22.19 21.4085 21.86C21.1985 21.755 20.5085 21.515 19.3235 21.155C18.0035 20.735 17.1785 20.435 16.8635 20.255C16.0385 19.76 15.6335 19.04 15.6335 18.095C15.6335 17.15 16.0235 16.4 16.8335 15.86C17.5835 15.335 18.5285 15.08 19.6835 15.08ZM25.524 15.08H27.234V19.28C27.519 18.845 27.879 18.53 28.299 18.32C28.674 18.125 29.109 18.035 29.604 18.035C30.549 18.035 31.254 18.305 31.719 18.86C32.154 19.385 32.379 20.165 32.379 21.2V26H30.669V21.5C30.669 20.84 30.534 20.33 30.279 19.985C29.979 19.61 29.544 19.43 28.959 19.43C28.419 19.43 27.999 19.64 27.699 20.06C27.384 20.48 27.234 21.005 27.234 21.665V26H25.524V15.08Z" fill="white"/>
-      </g>
-      <defs>
-      <clipPath id="clip0_72_3947">
-      <rect width="40" height="40" fill="white"/>
-      </clipPath>
-      </defs>
+export const TZS = React.forwardRef<SVGSVGElement, TZSProps>(
+  ({ 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_3947)">
+        <circle cx="20" cy="20" r="20" fill="#2B713A"/>
+        <path d="M5.85 15.29H14.625V16.79H11.115V26H9.36V16.79H5.85V15.29ZM19.6835 15.08C20.9435 15.08 21.9335 15.335 22.6385 15.86C23.3885 16.415 23.8235 17.285 23.9285 18.455H22.1885C22.0385 17.795 21.7535 17.315 21.3635 17.03C20.9735 16.73 20.3735 16.595 19.5935 16.595C18.9185 16.595 18.4085 16.685 18.0485 16.88C17.5985 17.105 17.3885 17.48 17.3885 17.99C17.3885 18.44 17.6285 18.815 18.1385 19.085C18.3635 19.205 18.9785 19.43 19.9685 19.745C21.4235 20.195 22.3535 20.555 22.7735 20.795C23.7035 21.35 24.1685 22.115 24.1685 23.105C24.1685 24.065 23.7935 24.83 23.0435 25.385C22.2935 25.925 21.2285 26.21 19.8635 26.21C18.5435 26.21 17.5085 25.955 16.7735 25.445C15.8735 24.815 15.3785 23.825 15.3035 22.46H17.0435C17.1635 23.27 17.4485 23.855 17.9135 24.2C18.3335 24.5 18.9785 24.665 19.8635 24.665C20.6435 24.665 21.2735 24.53 21.7235 24.275C22.1735 24.005 22.4135 23.66 22.4135 23.21C22.4135 22.64 22.0685 22.19 21.4085 21.86C21.1985 21.755 20.5085 21.515 19.3235 21.155C18.0035 20.735 17.1785 20.435 16.8635 20.255C16.0385 19.76 15.6335 19.04 15.6335 18.095C15.6335 17.15 16.0235 16.4 16.8335 15.86C17.5835 15.335 18.5285 15.08 19.6835 15.08ZM25.524 15.08H27.234V19.28C27.519 18.845 27.879 18.53 28.299 18.32C28.674 18.125 29.109 18.035 29.604 18.035C30.549 18.035 31.254 18.305 31.719 18.86C32.154 19.385 32.379 20.165 32.379 21.2V26H30.669V21.5C30.669 20.84 30.534 20.33 30.279 19.985C29.979 19.61 29.544 19.43 28.959 19.43C28.419 19.43 27.999 19.64 27.699 20.06C27.384 20.48 27.234 21.005 27.234 21.665V26H25.524V15.08Z" fill="white"/>
+        </g>
+        <defs>
+        <clipPath id="clip0_72_3947">
+        <rect width="40" height="40" fill="white"/>
+        </clipPath>
+        </defs>
       </svg>
-    </IconBase>
-  );
-};
+    );
+  }
+);
 
 TZS.displayName = 'TZS';

package/react/dist/Telegram.tsx

@@ -1,16 +1,29 @@
 import React from 'react';
-import { IconBase, type IconBaseProps } from '../src/IconBase';
 
-export interface TelegramProps extends Omit<IconBaseProps, 'children'> {}
+export interface TelegramProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size — number (px) or string ("1.5em"). Default: "1em" */
+  size?: number | string;
+}
 
-export const Telegram: React.FC<TelegramProps> = (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="M21.943 5.51728L18.9249 19.6606C18.6972 20.6588 18.1034 20.9072 17.2596 20.437L12.6609 17.0697L10.442 19.1903C10.1964 19.4343 9.99105 19.6384 9.5178 19.6384L9.84819 14.9846L18.3713 7.33178C18.7418 7.00348 18.2909 6.82159 17.7953 7.14989L7.25867 13.7424L2.72255 12.3316C1.73585 12.0255 1.718 11.3512 2.92793 10.8809L20.6706 4.08875C21.4921 3.78264 22.2109 4.27065 21.943 5.51728Z" fill="#0F0F0F"/>
+export const Telegram = React.forwardRef<SVGSVGElement, TelegramProps>(
+  ({ 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="M21.943 5.51728L18.9249 19.6606C18.6972 20.6588 18.1034 20.9072 17.2596 20.437L12.6609 17.0697L10.442 19.1903C10.1964 19.4343 9.99105 19.6384 9.5178 19.6384L9.84819 14.9846L18.3713 7.33178C18.7418 7.00348 18.2909 6.82159 17.7953 7.14989L7.25867 13.7424L2.72255 12.3316C1.73585 12.0255 1.718 11.3512 2.92793 10.8809L20.6706 4.08875C21.4921 3.78264 22.2109 4.27065 21.943 5.51728Z" fill="currentColor"/>
       </svg>
-    </IconBase>
-  );
-};
+    );
+  }
+);
 
 Telegram.displayName = 'Telegram';

package/react/dist/ThirdPartyPayment.tsx

@@ -1,16 +1,29 @@
 import React from 'react';
-import { IconBase, type IconBaseProps } from '../src/IconBase';
 
-export interface ThirdPartyPaymentProps extends Omit<IconBaseProps, 'children'> {}
+export interface ThirdPartyPaymentProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size — number (px) or string ("1.5em"). Default: "1em" */
+  size?: number | string;
+}
 
-export const ThirdPartyPayment: React.FC<ThirdPartyPaymentProps> = (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 ThirdPartyPayment = React.forwardRef<SVGSVGElement, ThirdPartyPaymentProps>(
+  ({ 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="M6 13C8.20914 13 10 14.7909 10 17C10 19.2091 8.20914 21 6 21C3.79086 21 2 19.2091 2 17C2 14.7909 3.79086 13 6 13ZM13.3525 18.8457C13.6165 19.5097 14.0187 20.1031 14.5234 20.5918C13.7294 20.8554 12.881 20.9999 12 21C11.1185 21 10.2698 20.8558 9.47559 20.5918C9.98048 20.1031 10.3825 19.5098 10.6465 18.8457C11.0813 18.9459 11.5342 19 12 19C12.4655 19 12.918 18.9458 13.3525 18.8457ZM18 13C20.2091 13 22 14.7909 22 17C22 19.2091 20.2091 21 18 21C15.7909 21 14 19.2091 14 17C14 14.7909 15.7909 13 18 13ZM6 15C4.89543 15 4 15.8954 4 17C4 18.1046 4.89543 19 6 19C7.10457 19 8 18.1046 8 17C8 15.8954 7.10457 15 6 15ZM18 15C16.8954 15 16 15.8954 16 17C16 18.1046 16.8954 19 18 19C19.1046 19 20 18.1046 20 17C20 15.8954 19.1046 15 18 15ZM7.05078 6.71484C7.15525 7.44463 7.41768 8.12331 7.80176 8.71582C6.91534 9.5846 6.29691 10.7246 6.08301 12.002C6.05539 12.0015 6.02773 12 6 12C5.29727 12 4.62822 12.1446 4.02148 12.4062C4.19086 10.0989 5.33929 8.0644 7.05078 6.71484ZM16.9482 6.71484C18.66 8.06439 19.8081 10.0987 19.9775 12.4062C19.371 12.1448 18.7024 12 18 12C17.9719 12 17.944 12.0015 17.916 12.002C17.7021 10.7244 17.0839 9.58463 16.1973 8.71582C16.5815 8.12324 16.8437 7.44477 16.9482 6.71484ZM12 2C14.2091 2 16 3.79086 16 6C16 8.20914 14.2091 10 12 10C9.79086 10 8 8.20914 8 6C8 3.79086 9.79086 2 12 2ZM12 4C10.8954 4 10 4.89543 10 6C10 7.10457 10.8954 8 12 8C13.1046 8 14 7.10457 14 6C14 4.89543 13.1046 4 12 4Z" fill="currentColor"/>
       </svg>
-    </IconBase>
-  );
-};
+    );
+  }
+);
 
 ThirdPartyPayment.displayName = 'ThirdPartyPayment';

package/react/dist/Tiktok.tsx

@@ -1,16 +1,29 @@
 import React from 'react';
-import { IconBase, type IconBaseProps } from '../src/IconBase';
 
-export interface TiktokProps extends Omit<IconBaseProps, 'children'> {}
+export interface TiktokProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size — number (px) or string ("1.5em"). Default: "1em" */
+  size?: number | string;
+}
 
-export const Tiktok: React.FC<TiktokProps> = (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="M20 10.2989C18.4272 10.3027 16.893 9.81222 15.6141 8.89676V15.2815C15.6137 16.464 15.2522 17.6182 14.5781 18.5897C13.904 19.5613 12.9493 20.3039 11.8418 20.7182C10.7342 21.1326 9.52657 21.1989 8.3803 20.9084C7.23403 20.6178 6.20377 19.9843 5.4273 19.0924C4.65082 18.2005 4.16513 17.0929 4.03518 15.9175C3.90522 14.7422 4.13719 13.5551 4.70007 12.5152C5.26295 11.4752 6.12991 10.6319 7.18502 10.098C8.24013 9.56401 9.4331 9.36492 10.6044 9.5273V12.7386C10.0684 12.57 9.49286 12.5751 8.95992 12.7531C8.42698 12.9311 7.96392 13.273 7.63688 13.7299C7.30983 14.1868 7.13551 14.7353 7.13882 15.2972C7.14213 15.8591 7.32289 16.4056 7.6553 16.8586C7.98771 17.3116 8.45477 17.648 8.98976 17.8197C9.52476 17.9915 10.1003 17.9898 10.6343 17.8149C11.1683 17.64 11.6333 17.3008 11.9631 16.8458C12.2928 16.3909 12.4703 15.8434 12.4703 15.2815V2.79999H15.6141C15.6119 3.06547 15.6341 3.33059 15.6805 3.592C15.7898 4.17556 16.0169 4.73069 16.3481 5.22345C16.6792 5.71621 17.1074 6.13624 17.6064 6.45783C18.3164 6.92729 19.1488 7.17751 20 7.17733V10.2989Z" fill="#0F0F0F"/>
+export const Tiktok = React.forwardRef<SVGSVGElement, TiktokProps>(
+  ({ 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="M20 10.2989C18.4272 10.3027 16.893 9.81222 15.6141 8.89676V15.2815C15.6137 16.464 15.2522 17.6182 14.5781 18.5897C13.904 19.5613 12.9493 20.3039 11.8418 20.7182C10.7342 21.1326 9.52657 21.1989 8.3803 20.9084C7.23403 20.6178 6.20377 19.9843 5.4273 19.0924C4.65082 18.2005 4.16513 17.0929 4.03518 15.9175C3.90522 14.7422 4.13719 13.5551 4.70007 12.5152C5.26295 11.4752 6.12991 10.6319 7.18502 10.098C8.24013 9.56401 9.4331 9.36492 10.6044 9.5273V12.7386C10.0684 12.57 9.49286 12.5751 8.95992 12.7531C8.42698 12.9311 7.96392 13.273 7.63688 13.7299C7.30983 14.1868 7.13551 14.7353 7.13882 15.2972C7.14213 15.8591 7.32289 16.4056 7.6553 16.8586C7.98771 17.3116 8.45477 17.648 8.98976 17.8197C9.52476 17.9915 10.1003 17.9898 10.6343 17.8149C11.1683 17.64 11.6333 17.3008 11.9631 16.8458C12.2928 16.3909 12.4703 15.8434 12.4703 15.2815V2.79999H15.6141C15.6119 3.06547 15.6341 3.33059 15.6805 3.592C15.7898 4.17556 16.0169 4.73069 16.3481 5.22345C16.6792 5.71621 17.1074 6.13624 17.6064 6.45783C18.3164 6.92729 19.1488 7.17751 20 7.17733V10.2989Z" fill="currentColor"/>
       </svg>
-    </IconBase>
-  );
-};
+    );
+  }
+);
 
 Tiktok.displayName = 'Tiktok';

package/react/dist/Time.tsx

@@ -1,16 +1,29 @@
 import React from 'react';
-import { IconBase, type IconBaseProps } from '../src/IconBase';
 
-export interface TimeProps extends Omit<IconBaseProps, 'children'> {}
+export interface TimeProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size — number (px) or string ("1.5em"). Default: "1em" */
+  size?: number | string;
+}
 
-export const Time: React.FC<TimeProps> = (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="M8 8H6V7H4V19H20V7H18V8H16V3H18V5H22V21H2V5H6V3H8V8ZM16.5 11.707L10.8047 17.4023L7.30469 14.0186L8.69531 12.5811L10.7803 14.5977L15.0859 10.293L16.5 11.707ZM15 7H9V5H15V7Z" fill="currentColor"/>
+export const Time = React.forwardRef<SVGSVGElement, TimeProps>(
+  ({ 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="M8 8H6V7H4V19H20V7H18V8H16V3H18V5H22V21H2V5H6V3H8V8ZM16.5 11.707L10.8047 17.4023L7.30469 14.0186L8.69531 12.5811L10.7803 14.5977L15.0859 10.293L16.5 11.707ZM15 7H9V5H15V7Z" fill="currentColor"/>
       </svg>
-    </IconBase>
-  );
-};
+    );
+  }
+);
 
 Time.displayName = 'Time';

package/react/dist/TokenManage.tsx

@@ -1,16 +1,29 @@
 import React from 'react';
-import { IconBase, type IconBaseProps } from '../src/IconBase';
 
-export interface TokenManageProps extends Omit<IconBaseProps, 'children'> {}
+export interface TokenManageProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size — number (px) or string ("1.5em"). Default: "1em" */
+  size?: number | string;
+}
 
-export const TokenManage: React.FC<TokenManageProps> = (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.5 15C19.433 15 21 16.567 21 18.5C21 20.433 19.433 22 17.5 22C15.567 22 14 20.433 14 18.5C14 16.567 15.567 15 17.5 15ZM17.5 17C16.6716 17 16 17.6716 16 18.5C16 19.3284 16.6716 20 17.5 20C18.3284 20 19 19.3284 19 18.5C19 17.6716 18.3284 17 17.5 17ZM12 19H3V17H12V19ZM21 13H3V11H21V13ZM21 7H3V5H21V7Z" fill="currentColor"/>
+export const TokenManage = React.forwardRef<SVGSVGElement, TokenManageProps>(
+  ({ 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.5 15C19.433 15 21 16.567 21 18.5C21 20.433 19.433 22 17.5 22C15.567 22 14 20.433 14 18.5C14 16.567 15.567 15 17.5 15ZM17.5 17C16.6716 17 16 17.6716 16 18.5C16 19.3284 16.6716 20 17.5 20C18.3284 20 19 19.3284 19 18.5C19 17.6716 18.3284 17 17.5 17ZM12 19H3V17H12V19ZM21 13H3V11H21V13ZM21 7H3V5H21V7Z" fill="currentColor"/>
       </svg>
-    </IconBase>
-  );
-};
+    );
+  }
+);
 
 TokenManage.displayName = 'TokenManage';

package/react/dist/Transfer.tsx

@@ -1,17 +1,30 @@
 import React from 'react';
-import { IconBase, type IconBaseProps } from '../src/IconBase';
 
-export interface TransferProps extends Omit<IconBaseProps, 'children'> {}
+export interface TransferProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size — number (px) or string ("1.5em"). Default: "1em" */
+  size?: number | string;
+}
 
-export const Transfer: React.FC<TransferProps> = (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="M7.5 4L3 9H21" stroke="currentColor" stroke-width="2" stroke-linejoin="bevel"/>
-        <path d="M16.5 20L21 15H3" stroke="currentColor" stroke-width="2" stroke-linejoin="bevel"/>
+export const Transfer = React.forwardRef<SVGSVGElement, TransferProps>(
+  ({ 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="M7.5 4L3 9H21" stroke="currentColor" strokeWidth="2" strokeLinejoin="bevel"/>
+          <path d="M16.5 20L21 15H3" stroke="currentColor" strokeWidth="2" strokeLinejoin="bevel"/>
       </svg>
-    </IconBase>
-  );
-};
+    );
+  }
+);
 
 Transfer.displayName = 'Transfer';

package/react/dist/UAH.tsx

@@ -1,24 +1,37 @@
 import React from 'react';
-import { IconBase, type IconBaseProps } from '../src/IconBase';
 
-export interface UAHProps extends Omit<IconBaseProps, 'children'> {}
+export interface UAHProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size — number (px) or string ("1.5em"). Default: "1em" */
+  size?: number | string;
+}
 
-export const UAH: React.FC<UAHProps> = (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_3964)">
-      <circle cx="20" cy="20" r="20" fill="#025BBB"/>
-      <path d="M20.0125 29.9875C18.7775 29.9875 17.7325 29.8213 16.8775 29.4887C16.0225 29.1562 15.3654 28.6654 14.9063 28.0162C14.4629 27.3512 14.2413 26.5121 14.2413 25.4987C14.2413 25.1979 14.265 24.9129 14.3125 24.6437C14.36 24.3587 14.4233 24.0975 14.5025 23.86H13.3863V22.34H15.3813C15.6979 22.0233 16.1175 21.7383 16.64 21.485C17.1783 21.2158 17.7325 20.9783 18.3025 20.7725C18.8883 20.5667 19.4029 20.3925 19.8463 20.25C20.2896 20.0917 20.5746 19.9808 20.7013 19.9175H13.3863V18.3975H22.4588C22.5854 18.1758 22.6725 17.9462 22.72 17.7087C22.7833 17.4712 22.815 17.1704 22.815 16.8062C22.815 16.3154 22.7042 15.8958 22.4825 15.5475C22.2608 15.1833 21.9204 14.9062 21.4613 14.7162C21.0021 14.5262 20.4083 14.4312 19.68 14.4312C19.1575 14.4312 18.6508 14.4787 18.16 14.5737C17.685 14.6687 17.2338 14.7954 16.8063 14.9537C16.3946 15.0962 16.0067 15.2546 15.6425 15.4287L15.0488 13.5525C15.6504 13.2675 16.3867 13.03 17.2575 12.84C18.1283 12.65 18.9754 12.555 19.7988 12.555C20.8754 12.555 21.7938 12.7054 22.5538 13.0062C23.3296 13.2912 23.9233 13.7267 24.335 14.3125C24.7625 14.8983 24.9763 15.6425 24.9763 16.545C24.9763 16.8775 24.9525 17.21 24.905 17.5425C24.8575 17.8592 24.7704 18.1442 24.6438 18.3975H25.95V19.9175H23.8838C23.6304 20.1708 23.2346 20.4321 22.6963 20.7012C22.1579 20.9546 21.5958 21.1921 21.01 21.4137C20.4242 21.6354 19.8938 21.8254 19.4188 21.9837C18.9438 22.1421 18.635 22.2608 18.4925 22.34H25.95V23.86H16.7113C16.5846 24.0975 16.4975 24.3192 16.45 24.525C16.4025 24.7308 16.3788 25.0158 16.3788 25.38C16.3788 25.9975 16.5213 26.5121 16.8063 26.9237C17.0913 27.3196 17.5188 27.6204 18.0888 27.8262C18.6588 28.0321 19.3633 28.135 20.2025 28.135C21.105 28.135 21.9758 28.0242 22.815 27.8025C23.67 27.565 24.3825 27.3196 24.9525 27.0662V28.99C24.4142 29.2433 23.6938 29.4729 22.7913 29.6787C21.8888 29.8846 20.9625 29.9875 20.0125 29.9875Z" fill="#FED500"/>
-      </g>
-      <defs>
-      <clipPath id="clip0_72_3964">
-      <rect width="40" height="40" fill="white"/>
-      </clipPath>
-      </defs>
+export const UAH = React.forwardRef<SVGSVGElement, UAHProps>(
+  ({ 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_3964)">
+        <circle cx="20" cy="20" r="20" fill="#025BBB"/>
+        <path d="M20.0125 29.9875C18.7775 29.9875 17.7325 29.8213 16.8775 29.4887C16.0225 29.1562 15.3654 28.6654 14.9063 28.0162C14.4629 27.3512 14.2413 26.5121 14.2413 25.4987C14.2413 25.1979 14.265 24.9129 14.3125 24.6437C14.36 24.3587 14.4233 24.0975 14.5025 23.86H13.3863V22.34H15.3813C15.6979 22.0233 16.1175 21.7383 16.64 21.485C17.1783 21.2158 17.7325 20.9783 18.3025 20.7725C18.8883 20.5667 19.4029 20.3925 19.8463 20.25C20.2896 20.0917 20.5746 19.9808 20.7013 19.9175H13.3863V18.3975H22.4588C22.5854 18.1758 22.6725 17.9462 22.72 17.7087C22.7833 17.4712 22.815 17.1704 22.815 16.8062C22.815 16.3154 22.7042 15.8958 22.4825 15.5475C22.2608 15.1833 21.9204 14.9062 21.4613 14.7162C21.0021 14.5262 20.4083 14.4312 19.68 14.4312C19.1575 14.4312 18.6508 14.4787 18.16 14.5737C17.685 14.6687 17.2338 14.7954 16.8063 14.9537C16.3946 15.0962 16.0067 15.2546 15.6425 15.4287L15.0488 13.5525C15.6504 13.2675 16.3867 13.03 17.2575 12.84C18.1283 12.65 18.9754 12.555 19.7988 12.555C20.8754 12.555 21.7938 12.7054 22.5538 13.0062C23.3296 13.2912 23.9233 13.7267 24.335 14.3125C24.7625 14.8983 24.9763 15.6425 24.9763 16.545C24.9763 16.8775 24.9525 17.21 24.905 17.5425C24.8575 17.8592 24.7704 18.1442 24.6438 18.3975H25.95V19.9175H23.8838C23.6304 20.1708 23.2346 20.4321 22.6963 20.7012C22.1579 20.9546 21.5958 21.1921 21.01 21.4137C20.4242 21.6354 19.8938 21.8254 19.4188 21.9837C18.9438 22.1421 18.635 22.2608 18.4925 22.34H25.95V23.86H16.7113C16.5846 24.0975 16.4975 24.3192 16.45 24.525C16.4025 24.7308 16.3788 25.0158 16.3788 25.38C16.3788 25.9975 16.5213 26.5121 16.8063 26.9237C17.0913 27.3196 17.5188 27.6204 18.0888 27.8262C18.6588 28.0321 19.3633 28.135 20.2025 28.135C21.105 28.135 21.9758 28.0242 22.815 27.8025C23.67 27.565 24.3825 27.3196 24.9525 27.0662V28.99C24.4142 29.2433 23.6938 29.4729 22.7913 29.6787C21.8888 29.8846 20.9625 29.9875 20.0125 29.9875Z" fill="#FED500"/>
+        </g>
+        <defs>
+        <clipPath id="clip0_72_3964">
+        <rect width="40" height="40" fill="white"/>
+        </clipPath>
+        </defs>
       </svg>
-    </IconBase>
-  );
-};
+    );
+  }
+);
 
 UAH.displayName = 'UAH';

package/react/dist/USD.tsx

@@ -1,24 +1,37 @@
 import React from 'react';
-import { IconBase, type IconBaseProps } from '../src/IconBase';
 
-export interface USDProps extends Omit<IconBaseProps, 'children'> {}
+export interface USDProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size — number (px) or string ("1.5em"). Default: "1em" */
+  size?: number | string;
+}
 
-export const USD: React.FC<USDProps> = (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_3980)">
-      <circle cx="20" cy="20" r="20" fill="#04913C"/>
-      <path fill-rule="evenodd" clip-rule="evenodd" d="M19.6055 12.3146C18.4339 12.397 17.4846 12.706 16.717 13.2624C15.6868 13.9835 15.1818 15.0137 15.1818 16.3736C15.1818 17.8984 15.8686 19.0522 17.2826 19.8352L19.6055 20.7005V25.522C18.9793 25.4396 18.4945 25.2335 18.1511 24.9038C17.6865 24.4505 17.424 23.6676 17.3432 22.5962H15C15.1212 24.2857 15.606 25.5426 16.4544 26.3668C17.1816 27.0673 18.2319 27.4588 19.6055 27.5618V29.375H20.9387V27.5618C22.1709 27.4794 23.1808 27.1703 23.9888 26.6346C25.0796 25.8929 25.625 24.8008 25.625 23.3379C25.625 21.8338 24.918 20.6799 23.5242 19.8764C23.403 19.794 22.5345 19.4643 20.9387 18.8668V14.3338C21.4437 14.3956 21.8477 14.5398 22.1507 14.7665C22.6355 15.1168 22.9385 15.7143 23.0596 16.5797H25.3624C25.1604 15.0755 24.6554 13.9835 23.8272 13.3242C23.1202 12.7473 22.1507 12.397 20.9387 12.3146V10.625H19.6055V12.3146ZM20.9387 21.1951C21.0195 21.2157 21.0801 21.2363 21.1609 21.2775C22.5547 21.772 23.2617 22.4931 23.2617 23.4203C23.2617 24.1003 22.9789 24.636 22.4133 25.0069C22.0093 25.2747 21.5043 25.4396 20.9387 25.522V21.1951ZM17.5452 16.3736C17.5452 17.1566 18.232 17.8159 19.6055 18.3517V14.3132C19.0803 14.375 18.6561 14.5192 18.3532 14.7253C17.8078 15.055 17.5452 15.6113 17.5452 16.3736Z" fill="white"/>
-      </g>
-      <defs>
-      <clipPath id="clip0_72_3980">
-      <rect width="40" height="40" fill="white"/>
-      </clipPath>
-      </defs>
+export const USD = React.forwardRef<SVGSVGElement, USDProps>(
+  ({ 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_3980)">
+        <circle cx="20" cy="20" r="20" fill="#04913C"/>
+        <path fillRule="evenodd" clipRule="evenodd" d="M19.6055 12.3146C18.4339 12.397 17.4846 12.706 16.717 13.2624C15.6868 13.9835 15.1818 15.0137 15.1818 16.3736C15.1818 17.8984 15.8686 19.0522 17.2826 19.8352L19.6055 20.7005V25.522C18.9793 25.4396 18.4945 25.2335 18.1511 24.9038C17.6865 24.4505 17.424 23.6676 17.3432 22.5962H15C15.1212 24.2857 15.606 25.5426 16.4544 26.3668C17.1816 27.0673 18.2319 27.4588 19.6055 27.5618V29.375H20.9387V27.5618C22.1709 27.4794 23.1808 27.1703 23.9888 26.6346C25.0796 25.8929 25.625 24.8008 25.625 23.3379C25.625 21.8338 24.918 20.6799 23.5242 19.8764C23.403 19.794 22.5345 19.4643 20.9387 18.8668V14.3338C21.4437 14.3956 21.8477 14.5398 22.1507 14.7665C22.6355 15.1168 22.9385 15.7143 23.0596 16.5797H25.3624C25.1604 15.0755 24.6554 13.9835 23.8272 13.3242C23.1202 12.7473 22.1507 12.397 20.9387 12.3146V10.625H19.6055V12.3146ZM20.9387 21.1951C21.0195 21.2157 21.0801 21.2363 21.1609 21.2775C22.5547 21.772 23.2617 22.4931 23.2617 23.4203C23.2617 24.1003 22.9789 24.636 22.4133 25.0069C22.0093 25.2747 21.5043 25.4396 20.9387 25.522V21.1951ZM17.5452 16.3736C17.5452 17.1566 18.232 17.8159 19.6055 18.3517V14.3132C19.0803 14.375 18.6561 14.5192 18.3532 14.7253C17.8078 15.055 17.5452 15.6113 17.5452 16.3736Z" fill="white"/>
+        </g>
+        <defs>
+        <clipPath id="clip0_72_3980">
+        <rect width="40" height="40" fill="white"/>
+        </clipPath>
+        </defs>
       </svg>
-    </IconBase>
-  );
-};
+    );
+  }
+);
 
 USD.displayName = 'USD';