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

package/react/dist/Filter.tsx

@@ -1,21 +1,34 @@
 import React from 'react';
-import { IconBase, type IconBaseProps } from '../src/IconBase';
 
-export interface FilterProps extends Omit<IconBaseProps, 'children'> {}
+export interface FilterProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size — number (px) or string ("1.5em"). Default: "1em" */
+  size?: number | string;
+}
 
-export const Filter: React.FC<FilterProps> = (props) => {
-  return (
-    <IconBase {...props}>
-      <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-        <mask id="mask0_97900_8669" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
-        <rect width="24" height="24" fill="currentColor"/>
-        </mask>
-        <g mask="url(#mask0_97900_8669)">
-          <path d="M13 9V7H16V3H18V7H21V9H13ZM16 21V11H18V21H16ZM6 21V17H3V15H11V17H8V21H6ZM6 13V3H8V13H6Z" fill="currentColor"/>
-        </g>
+export const Filter = React.forwardRef<SVGSVGElement, FilterProps>(
+  ({ 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}
+      >
+        <mask id="mask0_97900_8669" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+          <rect width="24" height="24" fill="currentColor"/>
+          </mask>
+          <g mask="url(#mask0_97900_8669)">
+            <path d="M13 9V7H16V3H18V7H21V9H13ZM16 21V11H18V21H16ZM6 21V17H3V15H11V17H8V21H6ZM6 13V3H8V13H6Z" fill="currentColor"/>
+          </g>
       </svg>
-    </IconBase>
-  );
-};
+    );
+  }
+);
 
 Filter.displayName = 'Filter';

package/react/dist/Fold.tsx

@@ -1,16 +1,29 @@
 import React from 'react';
-import { IconBase, type IconBaseProps } from '../src/IconBase';
 
-export interface FoldProps extends Omit<IconBaseProps, 'children'> {}
+export interface FoldProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size — number (px) or string ("1.5em"). Default: "1em" */
+  size?: number | string;
+}
 
-export const Fold: React.FC<FoldProps> = (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="M19.707 16L12 8.29297L4.29297 16L5.70703 17.4141L12 11.1211L18.293 17.4141L19.707 16Z" fill="currentColor"/>
+export const Fold = React.forwardRef<SVGSVGElement, FoldProps>(
+  ({ 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="M19.707 16L12 8.29297L4.29297 16L5.70703 17.4141L12 11.1211L18.293 17.4141L19.707 16Z" fill="currentColor"/>
       </svg>
-    </IconBase>
-  );
-};
+    );
+  }
+);
 
 Fold.displayName = 'Fold';

package/react/dist/FuturesKing.tsx

@@ -1,16 +1,29 @@
 import React from 'react';
-import { IconBase, type IconBaseProps } from '../src/IconBase';
 
-export interface FuturesKingProps extends Omit<IconBaseProps, 'children'> {}
+export interface FuturesKingProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size — number (px) or string ("1.5em"). Default: "1em" */
+  size?: number | string;
+}
 
-export const FuturesKing: React.FC<FuturesKingProps> = (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="M16.2861 21.5713H7.71484V19.5713H16.2861V21.5713ZM18 12C18 15.3137 15.3137 18 12 18C8.78979 18 6.16843 15.4789 6.00781 12.3086L6 12V3H18V12ZM8 12C8 14.2091 9.79086 16 12 16C14.2091 16 16 14.2091 16 12V5H8V12ZM4 6V11C4 11.5523 4.44772 12 5 12V14C3.34315 14 2 12.6569 2 11V6H4ZM22 11C22 12.6569 20.6569 14 19 14V12C19.5523 12 20 11.5523 20 11V6H22V11Z" fill="currentColor"/>
+export const FuturesKing = React.forwardRef<SVGSVGElement, FuturesKingProps>(
+  ({ 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="M16.2861 21.5713H7.71484V19.5713H16.2861V21.5713ZM18 12C18 15.3137 15.3137 18 12 18C8.78979 18 6.16843 15.4789 6.00781 12.3086L6 12V3H18V12ZM8 12C8 14.2091 9.79086 16 12 16C14.2091 16 16 14.2091 16 12V5H8V12ZM4 6V11C4 11.5523 4.44772 12 5 12V14C3.34315 14 2 12.6569 2 11V6H4ZM22 11C22 12.6569 20.6569 14 19 14V12C19.5523 12 20 11.5523 20 11V6H22V11Z" fill="currentColor"/>
       </svg>
-    </IconBase>
-  );
-};
+    );
+  }
+);
 
 FuturesKing.displayName = 'FuturesKing';

package/react/dist/FuturesOverview.tsx

@@ -1,16 +1,29 @@
 import React from 'react';
-import { IconBase, type IconBaseProps } from '../src/IconBase';
 
-export interface FuturesOverviewProps extends Omit<IconBaseProps, 'children'> {}
+export interface FuturesOverviewProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size — number (px) or string ("1.5em"). Default: "1em" */
+  size?: number | string;
+}
 
-export const FuturesOverview: React.FC<FuturesOverviewProps> = (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="M18 21H6V19H18V21ZM22 17H2V3H22V17ZM4 15H20V5H4V15ZM9 13H7V8.5H9V13ZM13 13H11V7H13V13ZM17 13H15V10H17V13Z" fill="currentColor"/>
+export const FuturesOverview = React.forwardRef<SVGSVGElement, FuturesOverviewProps>(
+  ({ 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 21H6V19H18V21ZM22 17H2V3H22V17ZM4 15H20V5H4V15ZM9 13H7V8.5H9V13ZM13 13H11V7H13V13ZM17 13H15V10H17V13Z" fill="currentColor"/>
       </svg>
-    </IconBase>
-  );
-};
+    );
+  }
+);
 
 FuturesOverview.displayName = 'FuturesOverview';

package/react/dist/GBP.tsx

@@ -1,24 +1,37 @@
 import React from 'react';
-import { IconBase, type IconBaseProps } from '../src/IconBase';
 
-export interface GBPProps extends Omit<IconBaseProps, 'children'> {}
+export interface GBPProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size — number (px) or string ("1.5em"). Default: "1em" */
+  size?: number | string;
+}
 
-export const GBP: React.FC<GBPProps> = (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_3972)">
-      <circle cx="20" cy="20" r="20" fill="#092C71"/>
-      <path d="M21.3225 11.37C23.1675 11.37 24.54 11.9775 25.485 13.215C26.16 14.115 26.52 15.195 26.52 16.41H23.865C23.7975 15.42 23.595 14.7225 23.235 14.3175C22.83 13.845 22.1775 13.62 21.2775 13.62C20.4225 13.62 19.77 13.8675 19.32 14.4075C18.915 14.8575 18.7125 15.4425 18.7125 16.1625C18.7125 16.7925 18.825 17.76 19.0725 19.065H23.2575V20.55H19.32C19.3875 21.135 19.4325 21.6075 19.4325 21.9675C19.4325 23.3175 19.005 24.51 18.15 25.5H26.07V27.75H15.045V25.5675C16.35 24.8475 17.0025 23.745 17.0025 22.215C17.0025 21.7875 16.935 21.225 16.8225 20.55H14.7525V19.065H16.5075C16.215 17.76 16.08 16.77 16.08 16.1175C16.08 14.8125 16.53 13.71 17.43 12.81C18.3975 11.8425 19.7025 11.37 21.3225 11.37Z" fill="white"/>
-      </g>
-      <defs>
-      <clipPath id="clip0_72_3972">
-      <rect width="40" height="40" fill="white"/>
-      </clipPath>
-      </defs>
+export const GBP = React.forwardRef<SVGSVGElement, GBPProps>(
+  ({ 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_3972)">
+        <circle cx="20" cy="20" r="20" fill="#092C71"/>
+        <path d="M21.3225 11.37C23.1675 11.37 24.54 11.9775 25.485 13.215C26.16 14.115 26.52 15.195 26.52 16.41H23.865C23.7975 15.42 23.595 14.7225 23.235 14.3175C22.83 13.845 22.1775 13.62 21.2775 13.62C20.4225 13.62 19.77 13.8675 19.32 14.4075C18.915 14.8575 18.7125 15.4425 18.7125 16.1625C18.7125 16.7925 18.825 17.76 19.0725 19.065H23.2575V20.55H19.32C19.3875 21.135 19.4325 21.6075 19.4325 21.9675C19.4325 23.3175 19.005 24.51 18.15 25.5H26.07V27.75H15.045V25.5675C16.35 24.8475 17.0025 23.745 17.0025 22.215C17.0025 21.7875 16.935 21.225 16.8225 20.55H14.7525V19.065H16.5075C16.215 17.76 16.08 16.77 16.08 16.1175C16.08 14.8125 16.53 13.71 17.43 12.81C18.3975 11.8425 19.7025 11.37 21.3225 11.37Z" fill="white"/>
+        </g>
+        <defs>
+        <clipPath id="clip0_72_3972">
+        <rect width="40" height="40" fill="white"/>
+        </clipPath>
+        </defs>
       </svg>
-    </IconBase>
-  );
-};
+    );
+  }
+);
 
 GBP.displayName = 'GBP';

package/react/dist/GHS.tsx

@@ -1,24 +1,37 @@
 import React from 'react';
-import { IconBase, type IconBaseProps } from '../src/IconBase';
 
-export interface GHSProps extends Omit<IconBaseProps, 'children'> {}
+export interface GHSProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size — number (px) or string ("1.5em"). Default: "1em" */
+  size?: number | string;
+}
 
-export const GHS: React.FC<GHSProps> = (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_3967)">
-      <circle cx="20" cy="20" r="20" fill="#016801"/>
-      <path d="M10.075 15.08C11.455 15.08 12.535 15.38 13.33 15.995C14.095 16.595 14.575 17.48 14.77 18.68H13C12.85 17.99 12.52 17.48 12.04 17.135C11.545 16.79 10.885 16.625 10.075 16.625C9.07 16.625 8.275 16.955 7.69 17.645C7.045 18.365 6.73 19.37 6.73 20.69C6.73 21.95 7.015 22.925 7.585 23.6C8.2 24.32 9.16 24.68 10.465 24.68C10.975 24.68 11.455 24.62 11.905 24.5C12.325 24.38 12.7 24.215 13.06 24.005V21.8H10.225V20.3H14.815V24.83C14.245 25.28 13.6 25.61 12.865 25.85C12.085 26.09 11.23 26.21 10.27 26.21C8.56 26.21 7.24 25.67 6.295 24.59C5.41 23.585 4.975 22.28 4.975 20.69C4.975 19.085 5.41 17.765 6.295 16.73C7.225 15.62 8.485 15.08 10.075 15.08ZM16.7629 15.29H18.5179V19.76H23.9479V15.29H25.7029V26H23.9479V21.26H18.5179V26H16.7629V15.29ZM35.4517 25.3994C34.9878 25.668 34.502 25.8706 33.9941 26.0073C33.7207 26.0806 33.4424 26.1343 33.1592 26.1685V28.2046H31.9727V26.1978C30.957 26.1245 30.0293 25.8096 29.1895 25.2529C27.793 24.335 27.0947 22.9434 27.0947 21.0781C27.0947 19.2861 27.793 17.8945 29.1895 16.9033C29.9658 16.3467 30.8936 16.0366 31.9727 15.9731V14.6035H33.1592V16.0024C33.4424 16.0366 33.7207 16.0903 33.9941 16.1636C34.4971 16.3003 34.9805 16.5029 35.4443 16.7715V19.0347C35.0488 18.6538 34.6265 18.3682 34.1772 18.1777C33.8452 18.0312 33.5059 17.9409 33.1592 17.9067V24.2715C33.5107 24.2373 33.8477 24.1494 34.1699 24.0078C34.6143 23.8125 35.0415 23.522 35.4517 23.1362V25.3994ZM31.9727 24.1982V17.98C31.6846 18.0532 31.4258 18.1729 31.1963 18.3389C30.3418 18.9346 29.9146 19.8477 29.9146 21.0781C29.9146 22.2646 30.3516 23.1875 31.2256 23.8467C31.4355 24.0078 31.6846 24.125 31.9727 24.1982Z" fill="white"/>
-      </g>
-      <defs>
-      <clipPath id="clip0_72_3967">
-      <rect width="40" height="40" fill="white"/>
-      </clipPath>
-      </defs>
+export const GHS = React.forwardRef<SVGSVGElement, GHSProps>(
+  ({ 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_3967)">
+        <circle cx="20" cy="20" r="20" fill="#016801"/>
+        <path d="M10.075 15.08C11.455 15.08 12.535 15.38 13.33 15.995C14.095 16.595 14.575 17.48 14.77 18.68H13C12.85 17.99 12.52 17.48 12.04 17.135C11.545 16.79 10.885 16.625 10.075 16.625C9.07 16.625 8.275 16.955 7.69 17.645C7.045 18.365 6.73 19.37 6.73 20.69C6.73 21.95 7.015 22.925 7.585 23.6C8.2 24.32 9.16 24.68 10.465 24.68C10.975 24.68 11.455 24.62 11.905 24.5C12.325 24.38 12.7 24.215 13.06 24.005V21.8H10.225V20.3H14.815V24.83C14.245 25.28 13.6 25.61 12.865 25.85C12.085 26.09 11.23 26.21 10.27 26.21C8.56 26.21 7.24 25.67 6.295 24.59C5.41 23.585 4.975 22.28 4.975 20.69C4.975 19.085 5.41 17.765 6.295 16.73C7.225 15.62 8.485 15.08 10.075 15.08ZM16.7629 15.29H18.5179V19.76H23.9479V15.29H25.7029V26H23.9479V21.26H18.5179V26H16.7629V15.29ZM35.4517 25.3994C34.9878 25.668 34.502 25.8706 33.9941 26.0073C33.7207 26.0806 33.4424 26.1343 33.1592 26.1685V28.2046H31.9727V26.1978C30.957 26.1245 30.0293 25.8096 29.1895 25.2529C27.793 24.335 27.0947 22.9434 27.0947 21.0781C27.0947 19.2861 27.793 17.8945 29.1895 16.9033C29.9658 16.3467 30.8936 16.0366 31.9727 15.9731V14.6035H33.1592V16.0024C33.4424 16.0366 33.7207 16.0903 33.9941 16.1636C34.4971 16.3003 34.9805 16.5029 35.4443 16.7715V19.0347C35.0488 18.6538 34.6265 18.3682 34.1772 18.1777C33.8452 18.0312 33.5059 17.9409 33.1592 17.9067V24.2715C33.5107 24.2373 33.8477 24.1494 34.1699 24.0078C34.6143 23.8125 35.0415 23.522 35.4517 23.1362V25.3994ZM31.9727 24.1982V17.98C31.6846 18.0532 31.4258 18.1729 31.1963 18.3389C30.3418 18.9346 29.9146 19.8477 29.9146 21.0781C29.9146 22.2646 30.3516 23.1875 31.2256 23.8467C31.4355 24.0078 31.6846 24.125 31.9727 24.1982Z" fill="white"/>
+        </g>
+        <defs>
+        <clipPath id="clip0_72_3967">
+        <rect width="40" height="40" fill="white"/>
+        </clipPath>
+        </defs>
       </svg>
-    </IconBase>
-  );
-};
+    );
+  }
+);
 
 GHS.displayName = 'GHS';

package/react/dist/Gift.tsx

@@ -1,16 +1,29 @@
 import React from 'react';
-import { IconBase, type IconBaseProps } from '../src/IconBase';
 
-export interface GiftProps extends Omit<IconBaseProps, 'children'> {}
+export interface GiftProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size — number (px) or string ("1.5em"). Default: "1em" */
+  size?: number | string;
+}
 
-export const Gift: React.FC<GiftProps> = (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="M4.66821 19.9583C4.66821 20.3271 4.96613 20.625 5.33488 20.625H11.2932V12.7917H4.66821V19.9583ZM12.7099 20.625H18.6682C19.037 20.625 19.3349 20.3271 19.3349 19.9583V12.7917H12.7099V20.625ZM19.6682 7.79167H16.5932C16.8765 7.34583 17.0432 6.81667 17.0432 6.25C17.0432 4.66458 15.7536 3.375 14.1682 3.375C13.3057 3.375 12.5286 3.75833 12.0015 4.3625C11.4745 3.75833 10.6974 3.375 9.83488 3.375C8.24946 3.375 6.95988 4.66458 6.95988 6.25C6.95988 6.81667 7.12446 7.34583 7.40988 7.79167H4.33488C3.96613 7.79167 3.66821 8.08958 3.66821 8.45833V11.375H11.2932V7.79167H12.7099V11.375H20.3349V8.45833C20.3349 8.08958 20.037 7.79167 19.6682 7.79167ZM11.2932 7.70833H9.83488C9.03071 7.70833 8.37655 7.05417 8.37655 6.25C8.37655 5.44583 9.03071 4.79167 9.83488 4.79167C10.639 4.79167 11.2932 5.44583 11.2932 6.25V7.70833ZM14.1682 7.70833H12.7099V6.25C12.7099 5.44583 13.364 4.79167 14.1682 4.79167C14.9724 4.79167 15.6265 5.44583 15.6265 6.25C15.6265 7.05417 14.9724 7.70833 14.1682 7.70833Z" fill="currentColor"/>
+export const Gift = React.forwardRef<SVGSVGElement, GiftProps>(
+  ({ 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="M4.66821 19.9583C4.66821 20.3271 4.96613 20.625 5.33488 20.625H11.2932V12.7917H4.66821V19.9583ZM12.7099 20.625H18.6682C19.037 20.625 19.3349 20.3271 19.3349 19.9583V12.7917H12.7099V20.625ZM19.6682 7.79167H16.5932C16.8765 7.34583 17.0432 6.81667 17.0432 6.25C17.0432 4.66458 15.7536 3.375 14.1682 3.375C13.3057 3.375 12.5286 3.75833 12.0015 4.3625C11.4745 3.75833 10.6974 3.375 9.83488 3.375C8.24946 3.375 6.95988 4.66458 6.95988 6.25C6.95988 6.81667 7.12446 7.34583 7.40988 7.79167H4.33488C3.96613 7.79167 3.66821 8.08958 3.66821 8.45833V11.375H11.2932V7.79167H12.7099V11.375H20.3349V8.45833C20.3349 8.08958 20.037 7.79167 19.6682 7.79167ZM11.2932 7.70833H9.83488C9.03071 7.70833 8.37655 7.05417 8.37655 6.25C8.37655 5.44583 9.03071 4.79167 9.83488 4.79167C10.639 4.79167 11.2932 5.44583 11.2932 6.25V7.70833ZM14.1682 7.70833H12.7099V6.25C12.7099 5.44583 13.364 4.79167 14.1682 4.79167C14.9724 4.79167 15.6265 5.44583 15.6265 6.25C15.6265 7.05417 14.9724 7.70833 14.1682 7.70833Z" fill="currentColor"/>
       </svg>
-    </IconBase>
-  );
-};
+    );
+  }
+);
 
 Gift.displayName = 'Gift';

package/react/dist/Github.tsx

@@ -1,23 +1,36 @@
 import React from 'react';
-import { IconBase, type IconBaseProps } from '../src/IconBase';
 
-export interface GithubProps extends Omit<IconBaseProps, 'children'> {}
+export interface GithubProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size — number (px) or string ("1.5em"). Default: "1em" */
+  size?: number | string;
+}
 
-export const Github: React.FC<GithubProps> = (props) => {
-  return (
-    <IconBase {...props}>
-      <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <path fill-rule="evenodd" clip-rule="evenodd" d="M9.99646 0C7.62248 0.00123172 5.32634 0.842049 3.51863 2.3721C1.71091 3.90216 0.509489 6.02168 0.12919 8.35167C-0.251109 10.6817 0.214508 13.0702 1.4428 15.0901C2.67108 17.1101 4.58194 18.6298 6.83368 19.3775C7.33045 19.4697 7.51757 19.1618 7.51757 18.9C7.51757 18.6382 7.50763 17.8792 7.50432 17.0494C4.7224 17.6503 4.13456 15.8754 4.13456 15.8754C3.68084 14.7229 3.0251 14.4199 3.0251 14.4199C2.11767 13.8041 3.093 13.8157 3.093 13.8157C4.09813 13.8865 4.62637 14.8414 4.62637 14.8414C5.51724 16.3611 6.96615 15.9215 7.53578 15.6647C7.6252 15.0209 7.88518 14.5829 8.17165 14.3343C5.94943 14.084 3.6146 13.2312 3.6146 9.42119C3.60083 8.43309 3.96959 7.47754 4.64458 6.75224C4.54191 6.50197 4.19914 5.49103 4.74227 4.11786C4.74227 4.11786 5.58182 3.85113 7.49273 5.13703C9.13179 4.69135 10.8611 4.69135 12.5002 5.13703C14.4094 3.85113 15.2473 4.11786 15.2473 4.11786C15.7921 5.48774 15.4493 6.49868 15.3467 6.75224C16.0238 7.47766 16.3933 8.43488 16.3783 9.42448C16.3783 13.2427 14.0385 14.084 11.813 14.3294C12.1707 14.6389 12.4902 15.2432 12.4902 16.1718C12.4902 17.5021 12.4787 18.5723 12.4787 18.9C12.4787 19.1651 12.6591 19.4746 13.1658 19.3775C15.4179 18.6297 17.3289 17.1098 18.5572 15.0894C19.7854 13.0691 20.2508 10.6803 19.8701 8.35004C19.4893 6.01984 18.2873 3.9003 16.479 2.3705C14.6707 0.840714 12.374 0.000450995 9.99976 0H9.99646Z" fill="#0F0F0F"/>
-      <path d="M3.78729 14.2791C3.76577 14.3285 3.68628 14.3433 3.6217 14.3087C3.55712 14.2742 3.50911 14.2099 3.53229 14.1589C3.55547 14.1079 3.6333 14.0947 3.69788 14.1293C3.76246 14.1638 3.81213 14.2297 3.78729 14.2791Z" fill="#0F0F0F"/>
-      <path d="M4.18944 14.7265C4.15514 14.7436 4.11591 14.7484 4.07845 14.74C4.041 14.7316 4.00765 14.7105 3.98411 14.6804C3.91952 14.6112 3.90627 14.5157 3.95595 14.4729C4.00562 14.4301 4.09505 14.4499 4.15963 14.519C4.22421 14.5882 4.23911 14.6837 4.18944 14.7265Z" fill="#0F0F0F"/>
-      <path d="M4.58478 15.297C4.52351 15.3398 4.41918 15.297 4.36122 15.2114C4.3452 15.196 4.33245 15.1776 4.32375 15.1573C4.31504 15.1369 4.31055 15.115 4.31055 15.0929C4.31055 15.0707 4.31504 15.0488 4.32375 15.0284C4.33245 15.0081 4.3452 14.9897 4.36122 14.9743C4.42249 14.9331 4.52682 14.9743 4.58478 15.0583C4.64273 15.1422 4.64439 15.2542 4.58478 15.297Z" fill="#0F0F0F"/>
-      <path d="M5.1207 15.8515C5.06606 15.9125 4.95512 15.896 4.86404 15.8137C4.77297 15.7313 4.75144 15.6194 4.80608 15.5601C4.86072 15.5008 4.97167 15.5173 5.06606 15.598C5.16044 15.6787 5.17866 15.7923 5.1207 15.8515Z" fill="#0F0F0F"/>
-      <path d="M5.86856 16.1753C5.84372 16.2527 5.73111 16.2872 5.61851 16.2543C5.50591 16.2214 5.4314 16.1292 5.45292 16.0501C5.47445 15.9711 5.58871 15.9349 5.70297 15.9711C5.81722 16.0073 5.89008 16.0946 5.86856 16.1753Z" fill="#0F0F0F"/>
-      <path d="M6.68962 16.2303C6.68962 16.311 6.59689 16.3801 6.47767 16.3818C6.35844 16.3834 6.26074 16.3176 6.26074 16.2369C6.26074 16.1562 6.35347 16.0871 6.47269 16.0854C6.59192 16.0838 6.68962 16.148 6.68962 16.2303Z" fill="#0F0F0F"/>
-      <path d="M7.44971 16.1042C7.46461 16.1849 7.38182 16.2689 7.26259 16.2886C7.14337 16.3084 7.03904 16.2606 7.02414 16.1816C7.00924 16.1026 7.09534 16.0169 7.21126 15.9955C7.32717 15.9741 7.4348 16.0235 7.44971 16.1042Z" fill="#0F0F0F"/>
+export const Github = React.forwardRef<SVGSVGElement, GithubProps>(
+  ({ 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 20 20"
+        fill="none"
+        role="img"
+        aria-hidden="true"
+        className={className}
+        {...props}
+      >
+        <path fillRule="evenodd" clipRule="evenodd" d="M9.99646 0C7.62248 0.00123172 5.32634 0.842049 3.51863 2.3721C1.71091 3.90216 0.509489 6.02168 0.12919 8.35167C-0.251109 10.6817 0.214508 13.0702 1.4428 15.0901C2.67108 17.1101 4.58194 18.6298 6.83368 19.3775C7.33045 19.4697 7.51757 19.1618 7.51757 18.9C7.51757 18.6382 7.50763 17.8792 7.50432 17.0494C4.7224 17.6503 4.13456 15.8754 4.13456 15.8754C3.68084 14.7229 3.0251 14.4199 3.0251 14.4199C2.11767 13.8041 3.093 13.8157 3.093 13.8157C4.09813 13.8865 4.62637 14.8414 4.62637 14.8414C5.51724 16.3611 6.96615 15.9215 7.53578 15.6647C7.6252 15.0209 7.88518 14.5829 8.17165 14.3343C5.94943 14.084 3.6146 13.2312 3.6146 9.42119C3.60083 8.43309 3.96959 7.47754 4.64458 6.75224C4.54191 6.50197 4.19914 5.49103 4.74227 4.11786C4.74227 4.11786 5.58182 3.85113 7.49273 5.13703C9.13179 4.69135 10.8611 4.69135 12.5002 5.13703C14.4094 3.85113 15.2473 4.11786 15.2473 4.11786C15.7921 5.48774 15.4493 6.49868 15.3467 6.75224C16.0238 7.47766 16.3933 8.43488 16.3783 9.42448C16.3783 13.2427 14.0385 14.084 11.813 14.3294C12.1707 14.6389 12.4902 15.2432 12.4902 16.1718C12.4902 17.5021 12.4787 18.5723 12.4787 18.9C12.4787 19.1651 12.6591 19.4746 13.1658 19.3775C15.4179 18.6297 17.3289 17.1098 18.5572 15.0894C19.7854 13.0691 20.2508 10.6803 19.8701 8.35004C19.4893 6.01984 18.2873 3.9003 16.479 2.3705C14.6707 0.840714 12.374 0.000450995 9.99976 0H9.99646Z" fill="currentColor"/>
+        <path d="M3.78729 14.2791C3.76577 14.3285 3.68628 14.3433 3.6217 14.3087C3.55712 14.2742 3.50911 14.2099 3.53229 14.1589C3.55547 14.1079 3.6333 14.0947 3.69788 14.1293C3.76246 14.1638 3.81213 14.2297 3.78729 14.2791Z" fill="currentColor"/>
+        <path d="M4.18944 14.7265C4.15514 14.7436 4.11591 14.7484 4.07845 14.74C4.041 14.7316 4.00765 14.7105 3.98411 14.6804C3.91952 14.6112 3.90627 14.5157 3.95595 14.4729C4.00562 14.4301 4.09505 14.4499 4.15963 14.519C4.22421 14.5882 4.23911 14.6837 4.18944 14.7265Z" fill="currentColor"/>
+        <path d="M4.58478 15.297C4.52351 15.3398 4.41918 15.297 4.36122 15.2114C4.3452 15.196 4.33245 15.1776 4.32375 15.1573C4.31504 15.1369 4.31055 15.115 4.31055 15.0929C4.31055 15.0707 4.31504 15.0488 4.32375 15.0284C4.33245 15.0081 4.3452 14.9897 4.36122 14.9743C4.42249 14.9331 4.52682 14.9743 4.58478 15.0583C4.64273 15.1422 4.64439 15.2542 4.58478 15.297Z" fill="currentColor"/>
+        <path d="M5.1207 15.8515C5.06606 15.9125 4.95512 15.896 4.86404 15.8137C4.77297 15.7313 4.75144 15.6194 4.80608 15.5601C4.86072 15.5008 4.97167 15.5173 5.06606 15.598C5.16044 15.6787 5.17866 15.7923 5.1207 15.8515Z" fill="currentColor"/>
+        <path d="M5.86856 16.1753C5.84372 16.2527 5.73111 16.2872 5.61851 16.2543C5.50591 16.2214 5.4314 16.1292 5.45292 16.0501C5.47445 15.9711 5.58871 15.9349 5.70297 15.9711C5.81722 16.0073 5.89008 16.0946 5.86856 16.1753Z" fill="currentColor"/>
+        <path d="M6.68962 16.2303C6.68962 16.311 6.59689 16.3801 6.47767 16.3818C6.35844 16.3834 6.26074 16.3176 6.26074 16.2369C6.26074 16.1562 6.35347 16.0871 6.47269 16.0854C6.59192 16.0838 6.68962 16.148 6.68962 16.2303Z" fill="currentColor"/>
+        <path d="M7.44971 16.1042C7.46461 16.1849 7.38182 16.2689 7.26259 16.2886C7.14337 16.3084 7.03904 16.2606 7.02414 16.1816C7.00924 16.1026 7.09534 16.0169 7.21126 15.9955C7.32717 15.9741 7.4348 16.0235 7.44971 16.1042Z" fill="currentColor"/>
       </svg>
-    </IconBase>
-  );
-};
+    );
+  }
+);
 
 Github.displayName = 'Github';

package/react/dist/Google.tsx

@@ -1,19 +1,32 @@
 import React from 'react';
-import { IconBase, type IconBaseProps } from '../src/IconBase';
 
-export interface GoogleProps extends Omit<IconBaseProps, 'children'> {}
+export interface GoogleProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size — number (px) or string ("1.5em"). Default: "1em" */
+  size?: number | string;
+}
 
-export const Google: React.FC<GoogleProps> = (props) => {
-  return (
-    <IconBase {...props}>
-      <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <path d="M4.164 10.0665C4.164 9.4125 4.274 8.78549 4.469 8.1975L1.044 5.60699C0.355049 6.99249 -0.00235394 8.51918 1.1667e-05 10.0665C1.1667e-05 11.669 0.375012 13.1805 1.042 14.5225L4.46601 11.9275C4.26601 11.3275 4.1645 10.699 4.164 10.0665Z" fill="#FBBC05"/>
-      <path d="M10.1804 4.1185C11.545 4.11576 12.8687 4.58414 13.9279 5.44449L16.8895 2.5165C15.085 0.961504 12.7714 0 10.1805 0C6.15746 0 2.6995 2.2785 1.044 5.60699L4.47145 8.19752C5.26045 5.82451 7.51045 4.11803 10.1814 4.11803" fill="#EA4336"/>
-      <path d="M10.224 15.8819C7.539 15.8819 5.26001 14.286 4.46601 11.9275L1.042 14.5225C2.70552 17.8305 6.18002 19.9744 10.224 19.9744C12.7185 19.9744 15.1005 19.1075 16.889 17.4815L13.6205 15.0074C12.699 15.576 11.5375 15.8824 10.223 15.8824" fill="#33A954"/>
-      <path d="M19.9891 9.97147C19.9891 9.38045 19.8956 8.74346 19.7566 8.15247H10.2231V12.0175H15.7102C15.4366 13.3355 14.6895 14.3484 13.6205 15.0074L16.889 17.4815C18.7675 15.775 19.9891 13.2324 19.9891 9.97147Z" fill="#4285F4"/>
+export const Google = React.forwardRef<SVGSVGElement, GoogleProps>(
+  ({ 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 20 20"
+        fill="none"
+        role="img"
+        aria-hidden="true"
+        className={className}
+        {...props}
+      >
+        <path d="M4.164 10.0665C4.164 9.4125 4.274 8.78549 4.469 8.1975L1.044 5.60699C0.355049 6.99249 -0.00235394 8.51918 1.1667e-05 10.0665C1.1667e-05 11.669 0.375012 13.1805 1.042 14.5225L4.46601 11.9275C4.26601 11.3275 4.1645 10.699 4.164 10.0665Z" fill="#FBBC05"/>
+        <path d="M10.1804 4.1185C11.545 4.11576 12.8687 4.58414 13.9279 5.44449L16.8895 2.5165C15.085 0.961504 12.7714 0 10.1805 0C6.15746 0 2.6995 2.2785 1.044 5.60699L4.47145 8.19752C5.26045 5.82451 7.51045 4.11803 10.1814 4.11803" fill="#EA4336"/>
+        <path d="M10.224 15.8819C7.539 15.8819 5.26001 14.286 4.46601 11.9275L1.042 14.5225C2.70552 17.8305 6.18002 19.9744 10.224 19.9744C12.7185 19.9744 15.1005 19.1075 16.889 17.4815L13.6205 15.0074C12.699 15.576 11.5375 15.8824 10.223 15.8824" fill="#33A954"/>
+        <path d="M19.9891 9.97147C19.9891 9.38045 19.8956 8.74346 19.7566 8.15247H10.2231V12.0175H15.7102C15.4366 13.3355 14.6895 14.3484 13.6205 15.0074L16.889 17.4815C18.7675 15.775 19.9891 13.2324 19.9891 9.97147Z" fill="#4285F4"/>
       </svg>
-    </IconBase>
-  );
-};
+    );
+  }
+);
 
 Google.displayName = 'Google';

package/react/dist/GridBot.tsx

@@ -1,16 +1,29 @@
 import React from 'react';
-import { IconBase, type IconBaseProps } from '../src/IconBase';
 
-export interface GridBotProps extends Omit<IconBaseProps, 'children'> {}
+export interface GridBotProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size — number (px) or string ("1.5em"). Default: "1em" */
+  size?: number | string;
+}
 
-export const GridBot: React.FC<GridBotProps> = (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="M13 6H20V21H4V6H11V3H13V6ZM6 19H18V8H6V19ZM3 17H1V10H3V17ZM23 17H21V10H23V17ZM10 14H8V12H10V14ZM16 14H14V12H16V14Z" fill="currentColor"/>
+export const GridBot = React.forwardRef<SVGSVGElement, GridBotProps>(
+  ({ 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="M13 6H20V21H4V6H11V3H13V6ZM6 19H18V8H6V19ZM3 17H1V10H3V17ZM23 17H21V10H23V17ZM10 14H8V12H10V14ZM16 14H14V12H16V14Z" fill="currentColor"/>
       </svg>
-    </IconBase>
-  );
-};
+    );
+  }
+);
 
 GridBot.displayName = 'GridBot';

package/react/dist/HKD.tsx

@@ -1,24 +1,37 @@
 import React from 'react';
-import { IconBase, type IconBaseProps } from '../src/IconBase';
 
-export interface HKDProps extends Omit<IconBaseProps, 'children'> {}
+export interface HKDProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size — number (px) or string ("1.5em"). Default: "1em" */
+  size?: number | string;
+}
 
-export const HKD: React.FC<HKDProps> = (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_3975)">
-      <circle cx="20" cy="20" r="20" fill="#DD2A0F"/>
-      <path d="M5.425 15.29H7.18V19.76H12.61V15.29H14.365V26H12.61V21.26H7.18V26H5.425V15.29ZM23.2049 15.29H25.4249L20.7149 19.88L26.1299 26H23.7599L19.5299 21.035L18.2249 22.31V26H16.4699V15.29H18.2249V20.345L23.2049 15.29ZM30.1029 15.095V13.865H31.0929V15.095C31.9929 15.155 32.7129 15.41 33.2379 15.83C33.8529 16.31 34.2279 17.105 34.3779 18.2H32.6679C32.5779 17.57 32.3529 17.135 31.9929 16.88C31.7679 16.715 31.4679 16.61 31.0929 16.565V19.865C32.2779 20.3 32.9229 20.54 33.0129 20.6C34.0479 21.185 34.5729 22.025 34.5729 23.12C34.5729 24.185 34.1679 24.98 33.3579 25.52C32.7579 25.91 32.0079 26.135 31.0929 26.195V27.515H30.1029V26.195C29.0829 26.12 28.3029 25.835 27.7629 25.325C27.1329 24.725 26.7729 23.81 26.6829 22.58H28.4229C28.4829 23.36 28.6779 23.93 29.0229 24.26C29.2779 24.5 29.6379 24.65 30.1029 24.71V21.2L28.3779 20.57C27.3279 20 26.8179 19.16 26.8179 18.05C26.8179 17.06 27.1929 16.31 27.9579 15.785C28.5279 15.38 29.2329 15.155 30.1029 15.095ZM31.0929 21.56V24.71C31.5129 24.65 31.8879 24.53 32.1879 24.335C32.6079 24.065 32.8179 23.675 32.8179 23.18C32.8179 22.505 32.2929 21.98 31.2579 21.62C31.1979 21.59 31.1529 21.575 31.0929 21.56ZM30.1029 19.49V16.55C29.7129 16.595 29.3979 16.7 29.1729 16.85C28.7679 17.09 28.5729 17.495 28.5729 18.05C28.5729 18.62 29.0829 19.1 30.1029 19.49Z" fill="white"/>
-      </g>
-      <defs>
-      <clipPath id="clip0_72_3975">
-      <rect width="40" height="40" fill="white"/>
-      </clipPath>
-      </defs>
+export const HKD = React.forwardRef<SVGSVGElement, HKDProps>(
+  ({ 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_3975)">
+        <circle cx="20" cy="20" r="20" fill="#DD2A0F"/>
+        <path d="M5.425 15.29H7.18V19.76H12.61V15.29H14.365V26H12.61V21.26H7.18V26H5.425V15.29ZM23.2049 15.29H25.4249L20.7149 19.88L26.1299 26H23.7599L19.5299 21.035L18.2249 22.31V26H16.4699V15.29H18.2249V20.345L23.2049 15.29ZM30.1029 15.095V13.865H31.0929V15.095C31.9929 15.155 32.7129 15.41 33.2379 15.83C33.8529 16.31 34.2279 17.105 34.3779 18.2H32.6679C32.5779 17.57 32.3529 17.135 31.9929 16.88C31.7679 16.715 31.4679 16.61 31.0929 16.565V19.865C32.2779 20.3 32.9229 20.54 33.0129 20.6C34.0479 21.185 34.5729 22.025 34.5729 23.12C34.5729 24.185 34.1679 24.98 33.3579 25.52C32.7579 25.91 32.0079 26.135 31.0929 26.195V27.515H30.1029V26.195C29.0829 26.12 28.3029 25.835 27.7629 25.325C27.1329 24.725 26.7729 23.81 26.6829 22.58H28.4229C28.4829 23.36 28.6779 23.93 29.0229 24.26C29.2779 24.5 29.6379 24.65 30.1029 24.71V21.2L28.3779 20.57C27.3279 20 26.8179 19.16 26.8179 18.05C26.8179 17.06 27.1929 16.31 27.9579 15.785C28.5279 15.38 29.2329 15.155 30.1029 15.095ZM31.0929 21.56V24.71C31.5129 24.65 31.8879 24.53 32.1879 24.335C32.6079 24.065 32.8179 23.675 32.8179 23.18C32.8179 22.505 32.2929 21.98 31.2579 21.62C31.1979 21.59 31.1529 21.575 31.0929 21.56ZM30.1029 19.49V16.55C29.7129 16.595 29.3979 16.7 29.1729 16.85C28.7679 17.09 28.5729 17.495 28.5729 18.05C28.5729 18.62 29.0829 19.1 30.1029 19.49Z" fill="white"/>
+        </g>
+        <defs>
+        <clipPath id="clip0_72_3975">
+        <rect width="40" height="40" fill="white"/>
+        </clipPath>
+        </defs>
       </svg>
-    </IconBase>
-  );
-};
+    );
+  }
+);
 
 HKD.displayName = 'HKD';

package/react/dist/HUF.tsx

@@ -1,24 +1,37 @@
 import React from 'react';
-import { IconBase, type IconBaseProps } from '../src/IconBase';
 
-export interface HUFProps extends Omit<IconBaseProps, 'children'> {}
+export interface HUFProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size — number (px) or string ("1.5em"). Default: "1em" */
+  size?: number | string;
+}
 
-export const HUF: React.FC<HUFProps> = (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_3939)">
-      <circle cx="20" cy="20" r="20" fill="#2B713A"/>
-      <path d="M13.1 14.005H21.6225V15.755H15.1475V19.22H21.255V20.97H15.1475V26.5H13.1V14.005ZM25.9455 14.53V17.4525H27.958V19.0975H25.9455V24.2075C25.9455 24.4175 25.9805 24.575 26.0855 24.6975C26.1905 24.8025 26.3305 24.855 26.5405 24.855H27.7305V26.5H26.208C25.4205 26.5 24.843 26.29 24.4755 25.87C24.1255 25.485 23.9505 24.9425 23.9505 24.2075V19.0975H22.323V17.4525H23.9505V15.3525L25.9455 14.53Z" fill="white"/>
-      </g>
-      <defs>
-      <clipPath id="clip0_72_3939">
-      <rect width="40" height="40" fill="white"/>
-      </clipPath>
-      </defs>
+export const HUF = React.forwardRef<SVGSVGElement, HUFProps>(
+  ({ 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_3939)">
+        <circle cx="20" cy="20" r="20" fill="#2B713A"/>
+        <path d="M13.1 14.005H21.6225V15.755H15.1475V19.22H21.255V20.97H15.1475V26.5H13.1V14.005ZM25.9455 14.53V17.4525H27.958V19.0975H25.9455V24.2075C25.9455 24.4175 25.9805 24.575 26.0855 24.6975C26.1905 24.8025 26.3305 24.855 26.5405 24.855H27.7305V26.5H26.208C25.4205 26.5 24.843 26.29 24.4755 25.87C24.1255 25.485 23.9505 24.9425 23.9505 24.2075V19.0975H22.323V17.4525H23.9505V15.3525L25.9455 14.53Z" fill="white"/>
+        </g>
+        <defs>
+        <clipPath id="clip0_72_3939">
+        <rect width="40" height="40" fill="white"/>
+        </clipPath>
+        </defs>
       </svg>
-    </IconBase>
-  );
-};
+    );
+  }
+);
 
 HUF.displayName = 'HUF';