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

package/core/types.ts

@@ -3,6 +3,11 @@
  */
 export type IconCategory = 'primary' | 'product' | 'coin' | 'currency';
 
+/**
+ * Product 图标子分类
+ */
+export type ProductSubcategory = 'line' | 'fill' | 'social-media';
+
 /**
  * 颜色策略
  */
@@ -16,6 +21,8 @@ export interface IconMetadata {
   name: string;
   /** 分类 */
   category: IconCategory;
+  /** Product 子分类（仅 product 分类使用） */
+  subcategory?: ProductSubcategory;
   /** 文件路径（相对于 svg/ 目录） */
   file: string;
   /** 组件名称（PascalCase） */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bm-fe/icons",
-  "version": "0.1.0-beta.0",
+  "version": "0.2.0-beta.1",
   "description": "BitMart 图标库（SVG 源 + React 适配层）",
   "main": "react/dist/index.js",
   "types": "react/dist/index.d.ts",

package/react/dist/AED.tsx

@@ -1,26 +1,39 @@
 import React from 'react';
-import { IconBase, type IconBaseProps } from '../src/IconBase';
 
-export interface AEDProps extends Omit<IconBaseProps, 'children'> {}
+export interface AEDProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size — number (px) or string ("1.5em"). Default: "1em" */
+  size?: number | string;
+}
 
-export const AED: React.FC<AEDProps> = (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_3957)">
-      <circle cx="20" cy="20" r="20" fill="#00732F"/>
-      <path d="M30.6419 22.8233C30.6419 22.986 30.625 23.2081 30.5911 23.4895C30.5572 23.771 30.4537 23.9388 30.2808 23.993C30.1079 24.0473 29.7299 24.1422 29.1467 24.2779C28.5635 24.4135 27.9837 24.5457 27.4073 24.6746C26.4444 24.8916 25.5764 25.0001 24.8033 25.0001C23.9964 24.9797 23.3793 24.7763 22.9521 24.3897C22.5791 24.166 22.3994 23.593 22.4129 22.6707C22.4129 22.5554 22.4163 22.3706 22.4231 22.1163C22.4299 21.8621 22.4808 21.4586 22.5757 20.9059C22.6706 20.3532 22.752 19.9837 22.8198 19.7972C22.8876 19.6107 22.9588 19.5175 23.0334 19.5175C23.047 19.5175 23.0605 19.5208 23.0741 19.5276L23.1453 20.2803C23.1657 21.0059 23.3521 21.4569 23.7048 21.6332C24.1862 21.8366 24.6677 21.9383 25.1492 21.9383C25.4272 21.9383 25.7289 21.9265 26.0544 21.9027C26.3799 21.879 26.8038 21.8061 27.3259 21.684C28.3634 21.4738 28.8822 21.3111 28.8822 21.1958C28.8822 20.8567 28.6516 20.0396 28.1905 18.7444C27.7837 17.7747 27.3293 17.0254 26.8275 16.4964L28.221 13.8925C28.811 14.5502 29.3399 15.5674 29.8078 16.944C30.3639 18.5715 30.6419 20.5312 30.6419 22.8233Z" fill="white"/>
-      <path d="M17.7661 21.7826C17.2711 21.7826 16.8886 21.9401 16.5961 22.2551C16.2586 22.5701 16.1011 22.9751 16.1011 23.4701C16.1011 23.9201 16.2586 24.3251 16.5961 24.6626C16.8886 24.9551 17.2711 25.1126 17.7661 25.1126C18.2161 25.1126 18.6211 24.9551 18.9586 24.6626C19.2736 24.3251 19.4536 23.9201 19.4536 23.4701C19.4536 22.9751 19.2736 22.5701 18.9586 22.2551C18.6211 21.9401 18.2161 21.7826 17.7661 21.7826Z" fill="white"/>
-      <path fill-rule="evenodd" clip-rule="evenodd" d="M11.2274 24.9999L13.3635 21.806V8.92847L11.2274 11.8071V24.9999ZM12.5701 26.0374C13.1532 26.0374 13.4991 26.0849 13.6076 26.1798L14.0551 25.2338C14.028 25.2338 13.8585 25.1932 13.5466 25.1118C13.3296 25.0507 13.1363 25.0202 12.9668 25.0202C12.4243 25.0202 11.8784 25.3305 11.3291 25.951C10.7798 26.5714 10.5357 27.136 10.5967 27.6446C10.6103 27.7327 10.7731 27.831 11.085 27.9395C11.3495 28.0345 11.519 28.0819 11.5936 28.0819C11.5461 28.1158 11.4207 28.2752 11.2172 28.56C10.9799 28.9059 10.8612 29.1432 10.8612 29.272C10.8612 29.3534 10.9053 29.3873 10.9934 29.3738C10.9799 29.3738 11.2037 29.2314 11.6648 28.9465C12.1801 28.6346 12.6616 28.3939 13.1092 28.2243C13.4008 28.1158 13.8144 28.0107 14.3501 27.909L14.5637 26.9224L13.2821 27.2173C13.1058 27.2512 12.9125 27.2682 12.7023 27.2682C12.0242 27.2682 11.6105 27.1529 11.4613 26.9224C11.4478 26.902 11.441 26.8749 11.441 26.841C11.441 26.7121 11.5292 26.5528 11.7055 26.3629C11.8818 26.173 12.0327 26.0713 12.1581 26.0578C12.2836 26.0442 12.4209 26.0374 12.5701 26.0374Z" fill="white"/>
-      </g>
-      <defs>
-      <clipPath id="clip0_72_3957">
-      <rect width="40" height="40" fill="white"/>
-      </clipPath>
-      </defs>
+export const AED = React.forwardRef<SVGSVGElement, AEDProps>(
+  ({ 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_3957)">
+        <circle cx="20" cy="20" r="20" fill="#00732F"/>
+        <path d="M30.6419 22.8233C30.6419 22.986 30.625 23.2081 30.5911 23.4895C30.5572 23.771 30.4537 23.9388 30.2808 23.993C30.1079 24.0473 29.7299 24.1422 29.1467 24.2779C28.5635 24.4135 27.9837 24.5457 27.4073 24.6746C26.4444 24.8916 25.5764 25.0001 24.8033 25.0001C23.9964 24.9797 23.3793 24.7763 22.9521 24.3897C22.5791 24.166 22.3994 23.593 22.4129 22.6707C22.4129 22.5554 22.4163 22.3706 22.4231 22.1163C22.4299 21.8621 22.4808 21.4586 22.5757 20.9059C22.6706 20.3532 22.752 19.9837 22.8198 19.7972C22.8876 19.6107 22.9588 19.5175 23.0334 19.5175C23.047 19.5175 23.0605 19.5208 23.0741 19.5276L23.1453 20.2803C23.1657 21.0059 23.3521 21.4569 23.7048 21.6332C24.1862 21.8366 24.6677 21.9383 25.1492 21.9383C25.4272 21.9383 25.7289 21.9265 26.0544 21.9027C26.3799 21.879 26.8038 21.8061 27.3259 21.684C28.3634 21.4738 28.8822 21.3111 28.8822 21.1958C28.8822 20.8567 28.6516 20.0396 28.1905 18.7444C27.7837 17.7747 27.3293 17.0254 26.8275 16.4964L28.221 13.8925C28.811 14.5502 29.3399 15.5674 29.8078 16.944C30.3639 18.5715 30.6419 20.5312 30.6419 22.8233Z" fill="white"/>
+        <path d="M17.7661 21.7826C17.2711 21.7826 16.8886 21.9401 16.5961 22.2551C16.2586 22.5701 16.1011 22.9751 16.1011 23.4701C16.1011 23.9201 16.2586 24.3251 16.5961 24.6626C16.8886 24.9551 17.2711 25.1126 17.7661 25.1126C18.2161 25.1126 18.6211 24.9551 18.9586 24.6626C19.2736 24.3251 19.4536 23.9201 19.4536 23.4701C19.4536 22.9751 19.2736 22.5701 18.9586 22.2551C18.6211 21.9401 18.2161 21.7826 17.7661 21.7826Z" fill="white"/>
+        <path fillRule="evenodd" clipRule="evenodd" d="M11.2274 24.9999L13.3635 21.806V8.92847L11.2274 11.8071V24.9999ZM12.5701 26.0374C13.1532 26.0374 13.4991 26.0849 13.6076 26.1798L14.0551 25.2338C14.028 25.2338 13.8585 25.1932 13.5466 25.1118C13.3296 25.0507 13.1363 25.0202 12.9668 25.0202C12.4243 25.0202 11.8784 25.3305 11.3291 25.951C10.7798 26.5714 10.5357 27.136 10.5967 27.6446C10.6103 27.7327 10.7731 27.831 11.085 27.9395C11.3495 28.0345 11.519 28.0819 11.5936 28.0819C11.5461 28.1158 11.4207 28.2752 11.2172 28.56C10.9799 28.9059 10.8612 29.1432 10.8612 29.272C10.8612 29.3534 10.9053 29.3873 10.9934 29.3738C10.9799 29.3738 11.2037 29.2314 11.6648 28.9465C12.1801 28.6346 12.6616 28.3939 13.1092 28.2243C13.4008 28.1158 13.8144 28.0107 14.3501 27.909L14.5637 26.9224L13.2821 27.2173C13.1058 27.2512 12.9125 27.2682 12.7023 27.2682C12.0242 27.2682 11.6105 27.1529 11.4613 26.9224C11.4478 26.902 11.441 26.8749 11.441 26.841C11.441 26.7121 11.5292 26.5528 11.7055 26.3629C11.8818 26.173 12.0327 26.0713 12.1581 26.0578C12.2836 26.0442 12.4209 26.0374 12.5701 26.0374Z" fill="white"/>
+        </g>
+        <defs>
+        <clipPath id="clip0_72_3957">
+        <rect width="40" height="40" fill="white"/>
+        </clipPath>
+        </defs>
       </svg>
-    </IconBase>
-  );
-};
+    );
+  }
+);
 
 AED.displayName = 'AED';

package/react/dist/AMD.tsx

@@ -1,24 +1,37 @@
 import React from 'react';
-import { IconBase, type IconBaseProps } from '../src/IconBase';
 
-export interface AMDProps extends Omit<IconBaseProps, 'children'> {}
+export interface AMDProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size — number (px) or string ("1.5em"). Default: "1em" */
+  size?: number | string;
+}
 
-export const AMD: React.FC<AMDProps> = (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_3936)">
-      <circle cx="20" cy="20" r="20" fill="#F5BC53"/>
-      <path d="M17.9101 22.1905H21.1698V20.503H17.9101V18.5598H21.1698V17.3581C21.1698 14.7331 19.9268 13.4206 17.4409 13.4206C16.1567 13.4206 15.2142 13.7998 14.6133 14.5584C14.0124 15.3169 13.7119 16.5229 13.7119 18.1763H10.6991C10.6991 15.9092 11.263 14.1237 12.3907 12.8197C13.5185 11.5158 15.2265 10.8638 17.5149 10.8638C19.6717 10.8638 21.318 11.4689 22.454 12.6791C23.5899 13.8893 24.1579 15.5342 24.1579 17.6138V18.5598H27.4177V20.503H24.1579V22.1905H27.4177V24.1592H24.1579V29.3751H21.1698V24.1592H17.9101V22.1905Z" fill="#1A2DD2"/>
-      </g>
-      <defs>
-      <clipPath id="clip0_72_3936">
-      <rect width="40" height="40" fill="white"/>
-      </clipPath>
-      </defs>
+export const AMD = React.forwardRef<SVGSVGElement, AMDProps>(
+  ({ 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_3936)">
+        <circle cx="20" cy="20" r="20" fill="#F5BC53"/>
+        <path d="M17.9101 22.1905H21.1698V20.503H17.9101V18.5598H21.1698V17.3581C21.1698 14.7331 19.9268 13.4206 17.4409 13.4206C16.1567 13.4206 15.2142 13.7998 14.6133 14.5584C14.0124 15.3169 13.7119 16.5229 13.7119 18.1763H10.6991C10.6991 15.9092 11.263 14.1237 12.3907 12.8197C13.5185 11.5158 15.2265 10.8638 17.5149 10.8638C19.6717 10.8638 21.318 11.4689 22.454 12.6791C23.5899 13.8893 24.1579 15.5342 24.1579 17.6138V18.5598H27.4177V20.503H24.1579V22.1905H27.4177V24.1592H24.1579V29.3751H21.1698V24.1592H17.9101V22.1905Z" fill="#1A2DD2"/>
+        </g>
+        <defs>
+        <clipPath id="clip0_72_3936">
+        <rect width="40" height="40" fill="white"/>
+        </clipPath>
+        </defs>
       </svg>
-    </IconBase>
-  );
-};
+    );
+  }
+);
 
 AMD.displayName = 'AMD';

package/react/dist/ARS.tsx

@@ -1,24 +1,37 @@
 import React from 'react';
-import { IconBase, type IconBaseProps } from '../src/IconBase';
 
-export interface ARSProps extends Omit<IconBaseProps, 'children'> {}
+export interface ARSProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size — number (px) or string ("1.5em"). Default: "1em" */
+  size?: number | string;
+}
 
-export const ARS: React.FC<ARSProps> = (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_3953)">
-      <circle cx="20" cy="20" r="20" fill="#6296D0"/>
-      <path fill-rule="evenodd" clip-rule="evenodd" d="M19.2514 11.8022C18.0109 11.8901 17.0057 12.2198 16.193 12.8132C15.1022 13.5824 14.5675 14.6813 14.5675 16.1319C14.5675 17.7582 15.2947 18.989 16.7918 19.8242L19.2514 20.7473V25.8901C18.5884 25.8022 18.0751 25.5824 17.7115 25.2308C17.2196 24.7473 16.9415 23.9121 16.856 22.7692H14.375C14.5033 24.5714 15.0166 25.9121 15.9149 26.7912C16.6849 27.5385 17.7971 27.956 19.2514 28.0659V30H20.663V28.0659C21.9677 27.978 23.0371 27.6484 23.8926 27.0769C25.0475 26.2857 25.625 25.1209 25.625 23.5604C25.625 21.956 24.8764 20.7253 23.4007 19.8681C23.2723 19.7802 22.3527 19.4286 20.663 18.7912V13.956C21.1977 14.022 21.6255 14.1758 21.9463 14.4176C22.4596 14.7912 22.7804 15.4286 22.9087 16.3516H25.347C25.1331 14.7473 24.5984 13.5824 23.7215 12.8791C22.9729 12.2637 21.9463 11.8901 20.663 11.8022V10H19.2514V11.8022ZM20.663 21.2747C20.7486 21.2967 20.8127 21.3187 20.8983 21.3626C22.3741 21.8901 23.1226 22.6593 23.1226 23.6483C23.1226 24.3736 22.8232 24.945 22.2243 25.3407C21.7966 25.6264 21.2619 25.8022 20.663 25.8901V21.2747ZM17.0699 16.1318C17.0699 16.967 17.797 17.6703 19.2514 18.2417V13.934C18.6953 14 18.2462 14.1538 17.9254 14.3736C17.3479 14.7252 17.0699 15.3186 17.0699 16.1318Z" fill="white"/>
-      </g>
-      <defs>
-      <clipPath id="clip0_72_3953">
-      <rect width="40" height="40" fill="white"/>
-      </clipPath>
-      </defs>
+export const ARS = React.forwardRef<SVGSVGElement, ARSProps>(
+  ({ 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_3953)">
+        <circle cx="20" cy="20" r="20" fill="#6296D0"/>
+        <path fillRule="evenodd" clipRule="evenodd" d="M19.2514 11.8022C18.0109 11.8901 17.0057 12.2198 16.193 12.8132C15.1022 13.5824 14.5675 14.6813 14.5675 16.1319C14.5675 17.7582 15.2947 18.989 16.7918 19.8242L19.2514 20.7473V25.8901C18.5884 25.8022 18.0751 25.5824 17.7115 25.2308C17.2196 24.7473 16.9415 23.9121 16.856 22.7692H14.375C14.5033 24.5714 15.0166 25.9121 15.9149 26.7912C16.6849 27.5385 17.7971 27.956 19.2514 28.0659V30H20.663V28.0659C21.9677 27.978 23.0371 27.6484 23.8926 27.0769C25.0475 26.2857 25.625 25.1209 25.625 23.5604C25.625 21.956 24.8764 20.7253 23.4007 19.8681C23.2723 19.7802 22.3527 19.4286 20.663 18.7912V13.956C21.1977 14.022 21.6255 14.1758 21.9463 14.4176C22.4596 14.7912 22.7804 15.4286 22.9087 16.3516H25.347C25.1331 14.7473 24.5984 13.5824 23.7215 12.8791C22.9729 12.2637 21.9463 11.8901 20.663 11.8022V10H19.2514V11.8022ZM20.663 21.2747C20.7486 21.2967 20.8127 21.3187 20.8983 21.3626C22.3741 21.8901 23.1226 22.6593 23.1226 23.6483C23.1226 24.3736 22.8232 24.945 22.2243 25.3407C21.7966 25.6264 21.2619 25.8022 20.663 25.8901V21.2747ZM17.0699 16.1318C17.0699 16.967 17.797 17.6703 19.2514 18.2417V13.934C18.6953 14 18.2462 14.1538 17.9254 14.3736C17.3479 14.7252 17.0699 15.3186 17.0699 16.1318Z" fill="white"/>
+        </g>
+        <defs>
+        <clipPath id="clip0_72_3953">
+        <rect width="40" height="40" fill="white"/>
+        </clipPath>
+        </defs>
       </svg>
-    </IconBase>
-  );
-};
+    );
+  }
+);
 
 ARS.displayName = 'ARS';

package/react/dist/AUD.tsx

@@ -1,24 +1,37 @@
 import React from 'react';
-import { IconBase, type IconBaseProps } from '../src/IconBase';
 
-export interface AUDProps extends Omit<IconBaseProps, 'children'> {}
+export interface AUDProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size — number (px) or string ("1.5em"). Default: "1em" */
+  size?: number | string;
+}
 
-export const AUD: React.FC<AUDProps> = (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_3944)">
-      <circle cx="20" cy="20" r="20" fill="#0A437F"/>
-      <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_3944">
-      <rect width="40" height="40" fill="white"/>
-      </clipPath>
-      </defs>
+export const AUD = React.forwardRef<SVGSVGElement, AUDProps>(
+  ({ 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_3944)">
+        <circle cx="20" cy="20" r="20" fill="#0A437F"/>
+        <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_3944">
+        <rect width="40" height="40" fill="white"/>
+        </clipPath>
+        </defs>
       </svg>
-    </IconBase>
-  );
-};
+    );
+  }
+);
 
 AUD.displayName = 'AUD';

package/react/dist/AZN.tsx

@@ -1,24 +1,37 @@
 import React from 'react';
-import { IconBase, type IconBaseProps } from '../src/IconBase';
 
-export interface AZNProps extends Omit<IconBaseProps, 'children'> {}
+export interface AZNProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size — number (px) or string ("1.5em"). Default: "1em" */
+  size?: number | string;
+}
 
-export const AZN: React.FC<AZNProps> = (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_3941)">
-      <circle cx="20" cy="20" r="20" fill="#6AABF9"/>
-      <path d="M11.1601 23.2125C11.1601 22.1206 11.2814 21.1121 11.5241 20.1871C11.7819 19.2468 12.1913 18.4204 12.7524 17.7076C13.3135 16.9949 14.0566 16.4262 14.9817 16.0016C15.9067 15.5769 17.0517 15.3343 18.4165 15.2736V10.8834H21.5101V15.2736C22.8901 15.3343 24.0427 15.5542 24.9677 15.9333C25.8928 16.3124 26.6283 16.8432 27.1742 17.5256C27.7353 18.1929 28.1296 19.0042 28.3571 19.9596C28.5997 20.8998 28.721 21.9689 28.721 23.167V27.125H25.4909V23.2125C25.4909 22.1661 25.4075 21.3244 25.2407 20.6875C25.0739 20.0354 24.8237 19.5274 24.49 19.1634C24.1716 18.7995 23.7621 18.5417 23.2617 18.39C22.7612 18.2232 22.1774 18.1095 21.5101 18.0488V23.258H18.4165V18.0488C17.7947 18.1095 17.2336 18.2156 16.7332 18.3673C16.2479 18.5189 15.8309 18.7767 15.4821 19.1407C15.1333 19.4895 14.8603 19.9899 14.6632 20.642C14.4812 21.2789 14.3902 22.1206 14.3902 23.167V27.125H11.1601V23.2125Z" fill="#A52738"/>
-      </g>
-      <defs>
-      <clipPath id="clip0_72_3941">
-      <rect width="40" height="40" fill="white"/>
-      </clipPath>
-      </defs>
+export const AZN = React.forwardRef<SVGSVGElement, AZNProps>(
+  ({ 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_3941)">
+        <circle cx="20" cy="20" r="20" fill="#6AABF9"/>
+        <path d="M11.1601 23.2125C11.1601 22.1206 11.2814 21.1121 11.5241 20.1871C11.7819 19.2468 12.1913 18.4204 12.7524 17.7076C13.3135 16.9949 14.0566 16.4262 14.9817 16.0016C15.9067 15.5769 17.0517 15.3343 18.4165 15.2736V10.8834H21.5101V15.2736C22.8901 15.3343 24.0427 15.5542 24.9677 15.9333C25.8928 16.3124 26.6283 16.8432 27.1742 17.5256C27.7353 18.1929 28.1296 19.0042 28.3571 19.9596C28.5997 20.8998 28.721 21.9689 28.721 23.167V27.125H25.4909V23.2125C25.4909 22.1661 25.4075 21.3244 25.2407 20.6875C25.0739 20.0354 24.8237 19.5274 24.49 19.1634C24.1716 18.7995 23.7621 18.5417 23.2617 18.39C22.7612 18.2232 22.1774 18.1095 21.5101 18.0488V23.258H18.4165V18.0488C17.7947 18.1095 17.2336 18.2156 16.7332 18.3673C16.2479 18.5189 15.8309 18.7767 15.4821 19.1407C15.1333 19.4895 14.8603 19.9899 14.6632 20.642C14.4812 21.2789 14.3902 22.1206 14.3902 23.167V27.125H11.1601V23.2125Z" fill="#A52738"/>
+        </g>
+        <defs>
+        <clipPath id="clip0_72_3941">
+        <rect width="40" height="40" fill="white"/>
+        </clipPath>
+        </defs>
       </svg>
-    </IconBase>
-  );
-};
+    );
+  }
+);
 
 AZN.displayName = 'AZN';

package/react/dist/Academy.tsx

@@ -1,16 +1,29 @@
 import React from 'react';
-import { IconBase, type IconBaseProps } from '../src/IconBase';
 
-export interface AcademyProps extends Omit<IconBaseProps, 'children'> {}
+export interface AcademyProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size — number (px) or string ("1.5em"). Default: "1em" */
+  size?: number | string;
+}
 
-export const Academy: React.FC<AcademyProps> = (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.2363 8.06152L19 9.6582V16.5352L12 21.2021L5 16.5352V9.61816L4 9.11816V13.5H2V8.11816L1.76367 8L12.0029 2.88086L22.2363 8.06152ZM7 15.4648L12 18.7979L17 15.4648V10.6455L11.9971 13.1162L7 10.6182V15.4648ZM6.23633 8L12.0029 10.8828L17.7627 8.03906L11.9961 5.11914L6.23633 8Z" fill="currentColor"/>
+export const Academy = React.forwardRef<SVGSVGElement, AcademyProps>(
+  ({ 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.2363 8.06152L19 9.6582V16.5352L12 21.2021L5 16.5352V9.61816L4 9.11816V13.5H2V8.11816L1.76367 8L12.0029 2.88086L22.2363 8.06152ZM7 15.4648L12 18.7979L17 15.4648V10.6455L11.9971 13.1162L7 10.6182V15.4648ZM6.23633 8L12.0029 10.8828L17.7627 8.03906L11.9961 5.11914L6.23633 8Z" fill="currentColor"/>
       </svg>
-    </IconBase>
-  );
-};
+    );
+  }
+);
 
 Academy.displayName = 'Academy';

package/react/dist/Add.tsx

@@ -1,16 +1,29 @@
 import React from 'react';
-import { IconBase, type IconBaseProps } from '../src/IconBase';
 
-export interface AddProps extends Omit<IconBaseProps, 'children'> {}
+export interface AddProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size — number (px) or string ("1.5em"). Default: "1em" */
+  size?: number | string;
+}
 
-export const Add: React.FC<AddProps> = (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 4ZM13 11H17V13H13V17H11V13H7V11H11V7H13V11Z" fill="currentColor"/>
+export const Add = React.forwardRef<SVGSVGElement, AddProps>(
+  ({ 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 4ZM13 11H17V13H13V17H11V13H7V11H11V7H13V11Z" fill="currentColor"/>
       </svg>
-    </IconBase>
-  );
-};
+    );
+  }
+);
 
 Add.displayName = 'Add';

package/react/dist/Add2.tsx

@@ -1,16 +1,29 @@
 import React from 'react';
-import { IconBase, type IconBaseProps } from '../src/IconBase';
 
-export interface Add2Props extends Omit<IconBaseProps, 'children'> {}
+export interface Add2Props extends React.SVGProps<SVGSVGElement> {
+  /** Icon size — number (px) or string ("1.5em"). Default: "1em" */
+  size?: number | string;
+}
 
-export const Add2: React.FC<Add2Props> = (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 11H21V13H13V21H11V13H3V11H11V3H13V11Z" fill="currentColor"/>
+export const Add2 = React.forwardRef<SVGSVGElement, Add2Props>(
+  ({ 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 11H21V13H13V21H11V13H3V11H11V3H13V11Z" fill="currentColor"/>
       </svg>
-    </IconBase>
-  );
-};
+    );
+  }
+);
 
 Add2.displayName = 'Add2';

package/react/dist/Address.tsx

@@ -1,16 +1,29 @@
 import React from 'react';
-import { IconBase, type IconBaseProps } from '../src/IconBase';
 
-export interface AddressProps extends Omit<IconBaseProps, 'children'> {}
+export interface AddressProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size — number (px) or string ("1.5em"). Default: "1em" */
+  size?: number | string;
+}
 
-export const Address: React.FC<AddressProps> = (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 4.07031H14V2H16V4.07031H20.9297V21.9297H3.07031V4.07031H8V2H10V4.07031ZM4.92969 20.0703H19.0703V5.92969H4.92969V20.0703ZM14 16H7V14H14V16ZM17 11H7V9H17V11Z" fill="currentColor"/>
+export const Address = React.forwardRef<SVGSVGElement, AddressProps>(
+  ({ 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 4.07031H14V2H16V4.07031H20.9297V21.9297H3.07031V4.07031H8V2H10V4.07031ZM4.92969 20.0703H19.0703V5.92969H4.92969V20.0703ZM14 16H7V14H14V16ZM17 11H7V9H17V11Z" fill="currentColor"/>
       </svg>
-    </IconBase>
-  );
-};
+    );
+  }
+);
 
 Address.displayName = 'Address';

package/react/dist/AffiliateProgram.tsx

@@ -1,16 +1,29 @@
 import React from 'react';
-import { IconBase, type IconBaseProps } from '../src/IconBase';
 
-export interface AffiliateProgramProps extends Omit<IconBaseProps, 'children'> {}
+export interface AffiliateProgramProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size — number (px) or string ("1.5em"). Default: "1em" */
+  size?: number | string;
+}
 
-export const AffiliateProgram: React.FC<AffiliateProgramProps> = (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 21H3V15H21V21ZM16.6016 15.7402C16.3257 15.7403 16.0736 15.786 15.8457 15.8779C15.6178 15.9699 15.4236 16.108 15.2637 16.292C15.1038 16.4719 14.9796 16.6979 14.8916 16.9697C14.8036 17.2377 14.7598 17.5503 14.7598 17.9062C14.7598 18.262 14.8037 18.5758 14.8916 18.8477C14.9796 19.1157 15.1037 19.3424 15.2637 19.5264C15.4236 19.7062 15.6179 19.8416 15.8457 19.9336C16.0736 20.0255 16.3257 20.0722 16.6016 20.0723C16.8776 20.0723 17.1304 20.0256 17.3584 19.9336C17.5862 19.8416 17.7806 19.7062 17.9404 19.5264C18.1004 19.3424 18.2235 19.1156 18.3115 18.8477C18.3995 18.5758 18.4443 18.2621 18.4443 17.9062C18.4443 17.5503 18.3995 17.2377 18.3115 16.9697C18.2236 16.698 18.1003 16.4719 17.9404 16.292C17.7805 16.1081 17.5862 15.9699 17.3584 15.8779C17.1304 15.7859 16.8776 15.7402 16.6016 15.7402ZM7 20H7.91211V18.4883H8.98047C9.17628 18.4882 9.35194 18.4555 9.50781 18.3916C9.66381 18.3236 9.7963 18.2322 9.9043 18.1162C10.0162 18.0003 10.1021 17.8602 10.1621 17.6963C10.2221 17.5324 10.2519 17.3502 10.252 17.1504C10.252 16.9545 10.222 16.7743 10.1621 16.6104C10.1021 16.4424 10.0163 16.2996 9.9043 16.1836C9.79632 16.0676 9.66376 15.978 9.50781 15.9141C9.35197 15.8462 9.17623 15.8116 8.98047 15.8115H7V20ZM10.9375 20H11.8496V18.4639H12.5039L13.2354 20H14.25L13.4277 18.3564C13.6837 18.2604 13.874 18.1056 13.998 17.8936C14.1258 17.6818 14.1894 17.434 14.1895 17.1504C14.1895 16.9504 14.1596 16.7675 14.0996 16.6035C14.0396 16.4397 13.9537 16.2995 13.8418 16.1836C13.7338 16.0637 13.6013 15.9722 13.4453 15.9082C13.2894 15.8443 13.1157 15.8116 12.9238 15.8115H10.9375V20ZM16.6016 16.5498C16.8776 16.5498 17.0921 16.6403 17.2441 16.8203C17.3999 17.0003 17.4775 17.258 17.4775 17.5938V18.2178C17.4775 18.5538 17.4001 18.8122 17.2441 18.9922C17.0921 19.1722 16.8776 19.2617 16.6016 19.2617C16.3258 19.2616 16.11 19.172 15.9541 18.9922C15.8021 18.8122 15.7256 18.5538 15.7256 18.2178V17.5938C15.7256 17.2579 15.8022 17.0003 15.9541 16.8203C16.11 16.6404 16.3258 16.5499 16.6016 16.5498ZM8.87207 16.6035C9.00807 16.6035 9.11443 16.6399 9.19043 16.7119C9.27024 16.7798 9.31046 16.8819 9.31055 17.0176V17.2822C9.3105 17.4179 9.27018 17.5218 9.19043 17.5938C9.11443 17.6617 9.00807 17.6963 8.87207 17.6963H7.91211V16.6035H8.87207ZM12.8096 16.6035C12.9456 16.6035 13.0519 16.6399 13.1279 16.7119C13.2077 16.7798 13.248 16.8819 13.248 17.0176V17.2822C13.248 17.4179 13.2077 17.5218 13.1279 17.5938C13.0519 17.6617 12.9456 17.6963 12.8096 17.6963H11.8496V16.6035H12.8096ZM21 14H19V9.3916L12.3193 11.6475L12 11.7559L11.6807 11.6475L5 9.3916V14H3V6.60742L12 9.64453L21 6.60742V14ZM18 5H6V3H18V5Z" fill="currentColor"/>
+export const AffiliateProgram = React.forwardRef<SVGSVGElement, AffiliateProgramProps>(
+  ({ 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 21H3V15H21V21ZM16.6016 15.7402C16.3257 15.7403 16.0736 15.786 15.8457 15.8779C15.6178 15.9699 15.4236 16.108 15.2637 16.292C15.1038 16.4719 14.9796 16.6979 14.8916 16.9697C14.8036 17.2377 14.7598 17.5503 14.7598 17.9062C14.7598 18.262 14.8037 18.5758 14.8916 18.8477C14.9796 19.1157 15.1037 19.3424 15.2637 19.5264C15.4236 19.7062 15.6179 19.8416 15.8457 19.9336C16.0736 20.0255 16.3257 20.0722 16.6016 20.0723C16.8776 20.0723 17.1304 20.0256 17.3584 19.9336C17.5862 19.8416 17.7806 19.7062 17.9404 19.5264C18.1004 19.3424 18.2235 19.1156 18.3115 18.8477C18.3995 18.5758 18.4443 18.2621 18.4443 17.9062C18.4443 17.5503 18.3995 17.2377 18.3115 16.9697C18.2236 16.698 18.1003 16.4719 17.9404 16.292C17.7805 16.1081 17.5862 15.9699 17.3584 15.8779C17.1304 15.7859 16.8776 15.7402 16.6016 15.7402ZM7 20H7.91211V18.4883H8.98047C9.17628 18.4882 9.35194 18.4555 9.50781 18.3916C9.66381 18.3236 9.7963 18.2322 9.9043 18.1162C10.0162 18.0003 10.1021 17.8602 10.1621 17.6963C10.2221 17.5324 10.2519 17.3502 10.252 17.1504C10.252 16.9545 10.222 16.7743 10.1621 16.6104C10.1021 16.4424 10.0163 16.2996 9.9043 16.1836C9.79632 16.0676 9.66376 15.978 9.50781 15.9141C9.35197 15.8462 9.17623 15.8116 8.98047 15.8115H7V20ZM10.9375 20H11.8496V18.4639H12.5039L13.2354 20H14.25L13.4277 18.3564C13.6837 18.2604 13.874 18.1056 13.998 17.8936C14.1258 17.6818 14.1894 17.434 14.1895 17.1504C14.1895 16.9504 14.1596 16.7675 14.0996 16.6035C14.0396 16.4397 13.9537 16.2995 13.8418 16.1836C13.7338 16.0637 13.6013 15.9722 13.4453 15.9082C13.2894 15.8443 13.1157 15.8116 12.9238 15.8115H10.9375V20ZM16.6016 16.5498C16.8776 16.5498 17.0921 16.6403 17.2441 16.8203C17.3999 17.0003 17.4775 17.258 17.4775 17.5938V18.2178C17.4775 18.5538 17.4001 18.8122 17.2441 18.9922C17.0921 19.1722 16.8776 19.2617 16.6016 19.2617C16.3258 19.2616 16.11 19.172 15.9541 18.9922C15.8021 18.8122 15.7256 18.5538 15.7256 18.2178V17.5938C15.7256 17.2579 15.8022 17.0003 15.9541 16.8203C16.11 16.6404 16.3258 16.5499 16.6016 16.5498ZM8.87207 16.6035C9.00807 16.6035 9.11443 16.6399 9.19043 16.7119C9.27024 16.7798 9.31046 16.8819 9.31055 17.0176V17.2822C9.3105 17.4179 9.27018 17.5218 9.19043 17.5938C9.11443 17.6617 9.00807 17.6963 8.87207 17.6963H7.91211V16.6035H8.87207ZM12.8096 16.6035C12.9456 16.6035 13.0519 16.6399 13.1279 16.7119C13.2077 16.7798 13.248 16.8819 13.248 17.0176V17.2822C13.248 17.4179 13.2077 17.5218 13.1279 17.5938C13.0519 17.6617 12.9456 17.6963 12.8096 17.6963H11.8496V16.6035H12.8096ZM21 14H19V9.3916L12.3193 11.6475L12 11.7559L11.6807 11.6475L5 9.3916V14H3V6.60742L12 9.64453L21 6.60742V14ZM18 5H6V3H18V5Z" fill="currentColor"/>
       </svg>
-    </IconBase>
-  );
-};
+    );
+  }
+);
 
 AffiliateProgram.displayName = 'AffiliateProgram';

package/react/dist/AiHub.tsx

@@ -1,16 +1,29 @@
 import React from 'react';
-import { IconBase, type IconBaseProps } from '../src/IconBase';
 
-export interface AiHubProps extends Omit<IconBaseProps, 'children'> {}
+export interface AiHubProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size — number (px) or string ("1.5em"). Default: "1em" */
+  size?: number | string;
+}
 
-export const AiHub: React.FC<AiHubProps> = (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.4129 2.33499C19.3034 2.22951 20.2677 2.354 20.9568 3.043C21.6455 3.73208 21.7703 4.6957 21.6648 5.58598C21.5576 6.49084 21.1968 7.50843 20.6717 8.55865C20.1327 9.63657 19.3906 10.8035 18.4842 11.9991C19.3913 13.1956 20.1333 14.3639 20.6727 15.4425C21.1977 16.4926 21.5585 17.5094 21.6658 18.4142C21.7714 19.3047 21.6459 20.2689 20.9568 20.9581C20.2677 21.647 19.3043 21.7716 18.4139 21.6661C17.509 21.5589 16.4915 21.1981 15.4412 20.673C13.3311 19.6178 10.8756 17.7909 8.54279 15.4581C7.92982 14.8451 7.35162 14.2231 6.8133 13.6016C6.10836 14.5684 5.53621 15.4948 5.11506 16.337C4.64504 17.2771 4.3899 18.0615 4.32014 18.6495C4.24885 19.2513 4.38564 19.4737 4.45588 19.5441C4.52659 19.6144 4.74932 19.751 5.35041 19.6798C5.93833 19.61 6.7222 19.3547 7.66193 18.8849C8.2553 18.5882 8.89007 18.2149 9.55158 17.7745C10.0859 18.2442 10.6225 18.687 11.1561 19.0997C10.2555 19.7305 9.38066 20.2613 8.55744 20.673C7.50729 21.198 6.48959 21.5588 5.58479 21.6661C4.69453 21.7715 3.73088 21.6468 3.04182 20.9581C2.35278 20.2689 2.2283 19.3047 2.33381 18.4142C2.44109 17.5094 2.801 16.4925 3.326 15.4425C3.86518 14.3642 4.60564 13.1954 5.51252 11.9991C4.60647 10.8037 3.86583 9.6363 3.32698 8.55865C2.80184 7.50838 2.44105 6.49086 2.33381 5.58598C2.2284 4.69562 2.35295 3.73207 3.04182 3.043C3.73105 2.3539 4.69521 2.22945 5.58576 2.33499C6.49048 2.44225 7.50739 2.80219 8.55744 3.32718C9.63528 3.86614 10.8031 4.60741 11.9988 5.51372C13.1949 4.60712 14.3632 3.86624 15.4412 3.32718C16.4912 2.80224 17.5082 2.44227 18.4129 2.33499ZM11.9979 8.07525C11.3203 8.64782 10.6355 9.27751 9.95587 9.9571C9.27632 10.6367 8.64659 11.3215 8.07404 11.9991C8.64702 12.6772 9.27672 13.3629 9.95685 14.0431C12.1803 16.2665 14.4657 17.9493 16.3367 18.8849C17.2766 19.3547 18.0603 19.61 18.6482 19.6798C19.25 19.7511 19.4723 19.6143 19.5428 19.5441C19.613 19.4737 19.7498 19.2514 19.6785 18.6495C19.6087 18.0615 19.3536 17.2771 18.8836 16.337C18.4621 15.4942 17.8881 14.5681 17.1824 13.6007C16.6443 14.2217 16.0685 14.8445 15.4559 15.4571C15.0946 15.8184 14.7295 16.167 14.3641 16.503C13.8431 16.1301 13.3065 15.7136 12.7615 15.2579C13.1881 14.8736 13.6164 14.4684 14.0418 14.0431C14.7216 13.3633 15.3499 12.6768 15.9227 11.9991C15.3503 11.3219 14.722 10.6363 14.0428 9.9571C13.3626 9.27695 12.676 8.64824 11.9979 8.07525ZM5.35041 4.32133C4.74845 4.24999 4.52625 4.38683 4.45588 4.45707C4.38561 4.52753 4.24883 4.74987 4.32014 5.35161C4.3899 5.93956 4.64519 6.72325 5.11506 7.66314C5.53603 8.50508 6.10864 9.43121 6.8133 10.3975C7.35132 9.77651 7.92928 9.15557 8.54181 8.54303C9.15439 7.93045 9.77525 7.35255 10.3963 6.8145C9.43008 6.10992 8.50477 5.5372 7.66291 5.11625C6.72271 4.64618 5.93849 4.39107 5.35041 4.32133ZM19.5428 4.45707C19.4724 4.38683 19.2499 4.25008 18.6482 4.32133C18.0602 4.39109 17.2758 4.64628 16.3357 5.11625C15.4936 5.53737 14.5671 6.10963 13.6004 6.8145C14.2218 7.35281 14.8439 7.93008 15.4568 8.54303C16.0691 9.15526 16.6456 9.77686 17.1834 10.3975C17.8886 9.43078 18.4625 8.50542 18.8836 7.66314C19.3534 6.72331 19.6087 5.93956 19.6785 5.35161C19.7498 4.75051 19.6131 4.52778 19.5428 4.45707Z" fill="currentColor"/>
+export const AiHub = React.forwardRef<SVGSVGElement, AiHubProps>(
+  ({ 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.4129 2.33499C19.3034 2.22951 20.2677 2.354 20.9568 3.043C21.6455 3.73208 21.7703 4.6957 21.6648 5.58598C21.5576 6.49084 21.1968 7.50843 20.6717 8.55865C20.1327 9.63657 19.3906 10.8035 18.4842 11.9991C19.3913 13.1956 20.1333 14.3639 20.6727 15.4425C21.1977 16.4926 21.5585 17.5094 21.6658 18.4142C21.7714 19.3047 21.6459 20.2689 20.9568 20.9581C20.2677 21.647 19.3043 21.7716 18.4139 21.6661C17.509 21.5589 16.4915 21.1981 15.4412 20.673C13.3311 19.6178 10.8756 17.7909 8.54279 15.4581C7.92982 14.8451 7.35162 14.2231 6.8133 13.6016C6.10836 14.5684 5.53621 15.4948 5.11506 16.337C4.64504 17.2771 4.3899 18.0615 4.32014 18.6495C4.24885 19.2513 4.38564 19.4737 4.45588 19.5441C4.52659 19.6144 4.74932 19.751 5.35041 19.6798C5.93833 19.61 6.7222 19.3547 7.66193 18.8849C8.2553 18.5882 8.89007 18.2149 9.55158 17.7745C10.0859 18.2442 10.6225 18.687 11.1561 19.0997C10.2555 19.7305 9.38066 20.2613 8.55744 20.673C7.50729 21.198 6.48959 21.5588 5.58479 21.6661C4.69453 21.7715 3.73088 21.6468 3.04182 20.9581C2.35278 20.2689 2.2283 19.3047 2.33381 18.4142C2.44109 17.5094 2.801 16.4925 3.326 15.4425C3.86518 14.3642 4.60564 13.1954 5.51252 11.9991C4.60647 10.8037 3.86583 9.6363 3.32698 8.55865C2.80184 7.50838 2.44105 6.49086 2.33381 5.58598C2.2284 4.69562 2.35295 3.73207 3.04182 3.043C3.73105 2.3539 4.69521 2.22945 5.58576 2.33499C6.49048 2.44225 7.50739 2.80219 8.55744 3.32718C9.63528 3.86614 10.8031 4.60741 11.9988 5.51372C13.1949 4.60712 14.3632 3.86624 15.4412 3.32718C16.4912 2.80224 17.5082 2.44227 18.4129 2.33499ZM11.9979 8.07525C11.3203 8.64782 10.6355 9.27751 9.95587 9.9571C9.27632 10.6367 8.64659 11.3215 8.07404 11.9991C8.64702 12.6772 9.27672 13.3629 9.95685 14.0431C12.1803 16.2665 14.4657 17.9493 16.3367 18.8849C17.2766 19.3547 18.0603 19.61 18.6482 19.6798C19.25 19.7511 19.4723 19.6143 19.5428 19.5441C19.613 19.4737 19.7498 19.2514 19.6785 18.6495C19.6087 18.0615 19.3536 17.2771 18.8836 16.337C18.4621 15.4942 17.8881 14.5681 17.1824 13.6007C16.6443 14.2217 16.0685 14.8445 15.4559 15.4571C15.0946 15.8184 14.7295 16.167 14.3641 16.503C13.8431 16.1301 13.3065 15.7136 12.7615 15.2579C13.1881 14.8736 13.6164 14.4684 14.0418 14.0431C14.7216 13.3633 15.3499 12.6768 15.9227 11.9991C15.3503 11.3219 14.722 10.6363 14.0428 9.9571C13.3626 9.27695 12.676 8.64824 11.9979 8.07525ZM5.35041 4.32133C4.74845 4.24999 4.52625 4.38683 4.45588 4.45707C4.38561 4.52753 4.24883 4.74987 4.32014 5.35161C4.3899 5.93956 4.64519 6.72325 5.11506 7.66314C5.53603 8.50508 6.10864 9.43121 6.8133 10.3975C7.35132 9.77651 7.92928 9.15557 8.54181 8.54303C9.15439 7.93045 9.77525 7.35255 10.3963 6.8145C9.43008 6.10992 8.50477 5.5372 7.66291 5.11625C6.72271 4.64618 5.93849 4.39107 5.35041 4.32133ZM19.5428 4.45707C19.4724 4.38683 19.2499 4.25008 18.6482 4.32133C18.0602 4.39109 17.2758 4.64628 16.3357 5.11625C15.4936 5.53737 14.5671 6.10963 13.6004 6.8145C14.2218 7.35281 14.8439 7.93008 15.4568 8.54303C16.0691 9.15526 16.6456 9.77686 17.1834 10.3975C17.8886 9.43078 18.4625 8.50542 18.8836 7.66314C19.3534 6.72331 19.6087 5.93956 19.6785 5.35161C19.7498 4.75051 19.6131 4.52778 19.5428 4.45707Z" fill="currentColor"/>
       </svg>
-    </IconBase>
-  );
-};
+    );
+  }
+);
 
 AiHub.displayName = 'AiHub';