style: icon component format (#808)

ant-design · Apr 19, 2024 · 5ce1923 · 5ce1923
1 parent 1ce483f
commit 5ce1923
Show file tree

Hide file tree

Showing 10 changed files with 120 additions and 140 deletions.
diff --git a/packages/icons/src/components/backpack-circle-colorful.tsx b/packages/icons/src/components/backpack-circle-colorful.tsx
@@ -9,20 +9,18 @@ import classnames from 'classnames';
 import SVGComponent from '../svgs/backpack-circle-colorful.svg';
 
 /**![BackpackCircleColorful](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCI+CiAgPGNpcmNsZSBjeD0iNTEyIiBjeT0iNTEyIiByPSI1MTIiIGZpbGw9IiNERDNGM0QiLz4KICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik00OTcuMjI4IDEyOC4yNzVjLTQ3LjM2NyAyLjk1Ny04MC43OTMgMTkuNTM4LTEwMS4zODcgNTAuMTY1LTMuNTkgNS4zODYtOS4xMzYgMTUuNDcyLTEwLjU2MSAxOS4xMTZsLS40NzYgMS4zMiA1LjMzNC0xLjQ3OWMxMS4zLTMuMTY4IDI2LjUwOC02LjA3MiAzOS43MS03LjYwNCAxNS4zMTMtMS43NDIgMjUuNzY5LTEuOTU0IDg5LjI0MS0xLjY5IDU0LjI4NC4xNTkgNjMuOTQ4LjMxNyA3MS4wMjMgMS4xMSAxNi4yNjUgMS43NDIgMzAuOTk3IDQuMzMgNDMuNTY1IDcuNjU2IDMuMjIxLjg0NSA1LjkxNCAxLjQyNiA2LjAyIDEuMzIuNDc1LS40MjItNi40NDItMTMuNDEyLTkuOTI4LTE4LjY5My0xOS45MDctMzAuMTUyLTUwLjk1Ny00Ni42MjctOTUuODQyLTUwLjY5My04LjYwNy0uNzkyLTI4LjA0LTEuMDU2LTM2LjctLjUyOE00MzcuNzY4IDI0NC41Yy00My4zIDMuNDMyLTgxLjM3MyAxOC40MjktMTEyLjIxMSA0NC4zNTYtNy42NTcgNi40NDMtMjAuMDE0IDE5LjA2My0yNi4wMzMgMjYuNjE0LTkuNCAxMS43MjMtMTkuMjIyIDI3LjQ2LTI1Ljc3IDQxLjE4OS0xMy42NzYgMjguNjczLTIxLjE3NSA1Ny41MDUtMjQuODE4IDk1LjU3OC0uODk4IDkuMTg4LTEuMzIgMTU2LjE0Ni0uNDc1IDE2MC41MjkgMS42OSA4LjUwMSA3LjY1NiAxNS4xNTUgMTUuODk0IDE3Ljc0MiAzLjExNiAxLjAwNCA5LjI0MSAxLjAwNCAyNDcuNjU4IDEuMDA0aDI0NC40OWwzLjI3NC0xLjExYzguNDQ5LTIuNzk4IDE0LjA5OS05LjEzNSAxNS42My0xNy41ODMuNzQtNC4wNjcuNzkyLTEzNi40NS4wNTMtMTUwLjAyMS0yLjAwNy0zNi44MDYtMTAuNTA4LTY5Ljg2Mi0yNS44NzUtMTAwLjU5NS0xMS40NTktMjIuOTE3LTI0Ljc2Ni00MS4xODgtNDIuNTYxLTU4LjYxNC0yNC43NjYtMjQuMjM4LTUzLjg2Mi00MS4xODgtODcuNDk5LTUwLjkwNC0xMS44MjgtMy40MzMtMjMuMzQtNS42NS00MC4yMzgtNy44MTYtNS44MDgtLjczOS0xMzIuNy0xLjA1Ni0xNDEuNTE5LS4zN204MC45NTEgNjUuNDI2YzExLjE0MiAxLjAwMyAyMC42NDcgMy42NDMgMzAuMjA1IDguNDQ5IDMwLjE1MiAxNS4xMDIgNDguMjEyIDQ1LjQ2NSA0Ni44MzkgNzguNjgtLjg5OCAyMS42NS05LjE4OCA0MC41MDItMjQuNjYgNTYuMDI3LTEyLjMwNCAxMi4zNTYtMjUuNDUzIDE5LjUzOC00Mi43NzMgMjMuMjg3LTQuNzUzIDEuMDAzLTcuMDc2IDEuMTYyLTE2LjYzNCAxLjE2Mi05LjQ1MiAwLTExLjg4MS0uMTU5LTE2LjQyMi0xLjE2Mi03LjkyMS0xLjY5LTEyLjkzOC0zLjQ4NS0yMC41NDItNy4xODItMTQuMDQ2LTYuODY0LTI1LjEzNS0xNi43OTItMzMuNzQyLTMwLjA0Ni05LjkyOC0xNS4yMDgtMTQuNjgtMzQuMjctMTMuMDQzLTUxLjk2IDEuMTA5LTEyLjE0NiAzLjM4LTIwLjE3MiA4Ljc2NS0zMS4wNSA3LjkyMS0xNiAyMS40OTItMjkuNTcxIDM3LjQ5Mi0zNy40OTIgMTAuMzUtNS4xMjIgMTkuMjc0LTcuNzEgMzAuMDQ3LTguNjYgNi45MTctLjYzNCA3Ljg2OC0uNjM0IDE0LjQ2OC0uMDUzTTI2NS45NCA2ODcuMjc0Yy05LjI0MiAyLjQ4Mi0xNS44OTUgOS42MTEtMTcuNDggMTguNzQ2LS40MjIgMi4zNzctLjUyOCAyNC44NzItLjQyMiA3Ni43OGwuMTU5IDczLjQgMS4yMTQgNC4yMjRjNS4wMTcgMTcuOSAxNy40NzkgMjkuNTcgMzYuNTQxIDM0LjQ4MiAzLjE2OS43OTIgMjAuNjQ3Ljg0NSAyMjEuNzg0IDEuMDU2IDE1MS45NzQuMTA2IDIyMC4xNDYgMCAyMjQuMzE4LS40MjMgMjAuODU4LTEuOTUzIDM2Ljk2NC0xNS4yNiA0Mi40NTUtMzUuMTE1bDEuMjE1LTQuMjI1LjE1OC03My42NjNjLjEwNi01My45MTUgMC03NC41MS0uNDIyLTc2LjgzMy0xLjc5NS05LjE4OC05LjE4OC0xNi43OTItMTguMzc2LTE4LjY5My0yLjAwNy0uNDIyLTY5LjY1LS41OC0yNDUuNTQ2LS41MjgtMjEwLjIyIDAtMjQzLjExNy4xMDYtMjQ1LjU5OS43OTIiLz4KPC9zdmc+Cg==) */
-export const BackpackCircleColorful = React.forwardRef<HTMLSpanElement, IconBaseProps>(
-  (props, ref) => {
-    const { getPrefixCls } = React.useContext(ConfigProvider.ConfigContext);
-    const prefixCls = getPrefixCls('web3-icon-backpack-circle-colorful');
+export const BackpackCircleColorful = React.forwardRef<HTMLSpanElement, IconBaseProps>((props, ref) => {
+  const { getPrefixCls } = React.useContext(ConfigProvider.ConfigContext);
+  const prefixCls = getPrefixCls('web3-icon-backpack-circle-colorful');
 
-    return (
-      <AntdIcon
-        {...props}
-        className={classnames(prefixCls, props.className)}
-        ref={ref}
-        component={SVGComponent}
-      />
-    );
-  },
-);
+  return (
+    <AntdIcon
+      {...props}
+      className={classnames(prefixCls, props.className)}
+      ref={ref}
+      component={SVGComponent}
+    />
+  );
+});
 
 BackpackCircleColorful.displayName = 'BackpackCircleColorful';
diff --git a/packages/icons/src/components/backpack-circle-filled.tsx b/packages/icons/src/components/backpack-circle-filled.tsx
@@ -9,20 +9,18 @@ import classnames from 'classnames';
 import SVGComponent from '../svgs/backpack-circle-filled.svg';
 
 /**![BackpackCircleFilled](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCI+CiAgPGNpcmNsZSBjeD0iNTEyIiBjeT0iNTEyIiByPSI1MTIiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgogIDxwYXRoIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTQ5Ny4yMjggMTI4LjI3NWMtNDcuMzY3IDIuOTU3LTgwLjc5MyAxOS41MzgtMTAxLjM4NyA1MC4xNjUtMy41OSA1LjM4Ni05LjEzNiAxNS40NzItMTAuNTYxIDE5LjExNmwtLjQ3NiAxLjMyIDUuMzM0LTEuNDc5YzExLjMtMy4xNjggMjYuNTA4LTYuMDcyIDM5LjcxLTcuNjA0IDE1LjMxMy0xLjc0MiAyNS43NjktMS45NTQgODkuMjQxLTEuNjkgNTQuMjg0LjE1OSA2My45NDguMzE3IDcxLjAyMyAxLjExIDE2LjI2NSAxLjc0MiAzMC45OTcgNC4zMyA0My41NjUgNy42NTYgMy4yMjEuODQ1IDUuOTE0IDEuNDI2IDYuMDIgMS4zMi40NzUtLjQyMi02LjQ0Mi0xMy40MTItOS45MjgtMTguNjkzLTE5LjkwNy0zMC4xNTItNTAuOTU3LTQ2LjYyNy05NS44NDItNTAuNjkzLTguNjA3LS43OTItMjguMDQtMS4wNTYtMzYuNy0uNTI4TTQzNy43NjggMjQ0LjVjLTQzLjMgMy40MzItODEuMzczIDE4LjQyOS0xMTIuMjExIDQ0LjM1Ni03LjY1NyA2LjQ0My0yMC4wMTQgMTkuMDYzLTI2LjAzMyAyNi42MTQtOS40IDExLjcyMy0xOS4yMjIgMjcuNDYtMjUuNzcgNDEuMTg5LTEzLjY3NiAyOC42NzMtMjEuMTc1IDU3LjUwNS0yNC44MTggOTUuNTc4LS44OTggOS4xODgtMS4zMiAxNTYuMTQ2LS40NzUgMTYwLjUyOSAxLjY5IDguNTAxIDcuNjU2IDE1LjE1NSAxNS44OTQgMTcuNzQyIDMuMTE2IDEuMDA0IDkuMjQxIDEuMDA0IDI0Ny42NTggMS4wMDRoMjQ0LjQ5bDMuMjc0LTEuMTFjOC40NDktMi43OTggMTQuMDk5LTkuMTM1IDE1LjYzLTE3LjU4My43NC00LjA2Ny43OTItMTM2LjQ1LjA1My0xNTAuMDIxLTIuMDA3LTM2LjgwNi0xMC41MDgtNjkuODYyLTI1Ljg3NS0xMDAuNTk1LTExLjQ1OS0yMi45MTctMjQuNzY2LTQxLjE4OC00Mi41NjEtNTguNjE0LTI0Ljc2Ni0yNC4yMzgtNTMuODYyLTQxLjE4OC04Ny40OTktNTAuOTA0LTExLjgyOC0zLjQzMy0yMy4zNC01LjY1LTQwLjIzOC03LjgxNi01LjgwOC0uNzM5LTEzMi43LTEuMDU2LTE0MS41MTktLjM3bTgwLjk1MSA2NS40MjZjMTEuMTQyIDEuMDAzIDIwLjY0NyAzLjY0MyAzMC4yMDUgOC40NDkgMzAuMTUyIDE1LjEwMiA0OC4yMTIgNDUuNDY1IDQ2LjgzOSA3OC42OC0uODk4IDIxLjY1LTkuMTg4IDQwLjUwMi0yNC42NiA1Ni4wMjctMTIuMzA0IDEyLjM1Ni0yNS40NTMgMTkuNTM4LTQyLjc3MyAyMy4yODctNC43NTMgMS4wMDMtNy4wNzYgMS4xNjItMTYuNjM0IDEuMTYyLTkuNDUyIDAtMTEuODgxLS4xNTktMTYuNDIyLTEuMTYyLTcuOTIxLTEuNjktMTIuOTM4LTMuNDg1LTIwLjU0Mi03LjE4Mi0xNC4wNDYtNi44NjQtMjUuMTM1LTE2Ljc5Mi0zMy43NDItMzAuMDQ2LTkuOTI4LTE1LjIwOC0xNC42OC0zNC4yNy0xMy4wNDMtNTEuOTYgMS4xMDktMTIuMTQ2IDMuMzgtMjAuMTcyIDguNzY1LTMxLjA1IDcuOTIxLTE2IDIxLjQ5Mi0yOS41NzEgMzcuNDkyLTM3LjQ5MiAxMC4zNS01LjEyMiAxOS4yNzQtNy43MSAzMC4wNDctOC42NiA2LjkxNy0uNjM0IDcuODY4LS42MzQgMTQuNDY4LS4wNTNNMjY1Ljk0IDY4Ny4yNzRjLTkuMjQyIDIuNDgyLTE1Ljg5NSA5LjYxMS0xNy40OCAxOC43NDYtLjQyMiAyLjM3Ny0uNTI4IDI0Ljg3Mi0uNDIyIDc2Ljc4bC4xNTkgNzMuNCAxLjIxNCA0LjIyNGM1LjAxNyAxNy45IDE3LjQ3OSAyOS41NyAzNi41NDEgMzQuNDgyIDMuMTY5Ljc5MiAyMC42NDcuODQ1IDIyMS43ODQgMS4wNTYgMTUxLjk3NC4xMDYgMjIwLjE0NiAwIDIyNC4zMTgtLjQyMyAyMC44NTgtMS45NTMgMzYuOTY0LTE1LjI2IDQyLjQ1NS0zNS4xMTVsMS4yMTUtNC4yMjUuMTU4LTczLjY2M2MuMTA2LTUzLjkxNSAwLTc0LjUxLS40MjItNzYuODMzLTEuNzk1LTkuMTg4LTkuMTg4LTE2Ljc5Mi0xOC4zNzYtMTguNjkzLTIuMDA3LS40MjItNjkuNjUtLjU4LTI0NS41NDYtLjUyOC0yMTAuMjIgMC0yNDMuMTE3LjEwNi0yNDUuNTk5Ljc5MiIvPgo8L3N2Zz4K) */
-export const BackpackCircleFilled = React.forwardRef<HTMLSpanElement, IconBaseProps>(
-  (props, ref) => {
-    const { getPrefixCls } = React.useContext(ConfigProvider.ConfigContext);
-    const prefixCls = getPrefixCls('web3-icon-backpack-circle-filled');
+export const BackpackCircleFilled = React.forwardRef<HTMLSpanElement, IconBaseProps>((props, ref) => {
+  const { getPrefixCls } = React.useContext(ConfigProvider.ConfigContext);
+  const prefixCls = getPrefixCls('web3-icon-backpack-circle-filled');
 
-    return (
-      <AntdIcon
-        {...props}
-        className={classnames(prefixCls, props.className)}
-        ref={ref}
-        component={SVGComponent}
-      />
-    );
-  },
-);
+  return (
+    <AntdIcon
+      {...props}
+      className={classnames(prefixCls, props.className)}
+      ref={ref}
+      component={SVGComponent}
+    />
+  );
+});
 
 BackpackCircleFilled.displayName = 'BackpackCircleFilled';
diff --git a/packages/icons/src/components/chainlink-circle-colorful.tsx b/packages/icons/src/components/chainlink-circle-colorful.tsx
@@ -9,20 +9,18 @@ import classnames from 'classnames';
 import SVGComponent from '../svgs/chainlink-circle-colorful.svg';
 
 /**![ChainlinkCircleColorful](data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+Q2hhaW5saW5rPC90aXRsZT4KICAgIDxnIGlkPSJDaGFpbmxpbmsiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSLnvJbnu4QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDExMiwgMTEyKSI+CiAgICAgICAgICAgIDxjaXJjbGUgaWQ9IuakreWchuW9oiIgZmlsbD0iIzJBNUFEQSIgY3g9IjQwMCIgY3k9IjQwMCIgcj0iNDAwIj48L2NpcmNsZT4KICAgICAgICAgICAgPGcgaWQ9ImNoYWlubGluay1saW5rLWxvZ28iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0MCwgMTAwKSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yNjAsMCBMMjA0Ljk3MzU0NSwzMS42NTEzNzYxIEw1NS4wMjY0NTUsMTE4LjM0ODYyNCBMMCwxNTAgTDAsNDUwIEw1NS4wMjY0NTUsNDgxLjY1MTM3NiBMMjA2LjM0OTIwNiw1NjguMzQ4NjI0IEwyNjEuMzc1NjYxLDYwMCBMMzE2LjQwMjExNiw1NjguMzQ4NjI0IEw0NjQuOTczNTQ1LDQ4MS42NTEzNzYgTDUyMCw0NTAgTDUyMCwxNTAgTDQ2NC45NzM1NDUsMTE4LjM0ODYyNCBMMzE1LjAyNjQ1NSwzMS42NTEzNzYxIEwyNjAsMCBaIE0xMTAuMDUyOTEsMzg2LjY5NzI0OCBMMTEwLjA1MjkxLDIxMy4zMDI3NTIgTDI2MCwxMjYuNjA1NTA1IEw0MDkuOTQ3MDksMjEzLjMwMjc1MiBMNDA5Ljk0NzA5LDM4Ni42OTcyNDggTDI2MCw0NzMuMzk0NDk1IEwxMTAuMDUyOTEsMzg2LjY5NzI0OCBaIiBpZD0i5b2i54q2Ij48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=) */
-export const ChainlinkCircleColorful = React.forwardRef<HTMLSpanElement, IconBaseProps>(
-  (props, ref) => {
-    const { getPrefixCls } = React.useContext(ConfigProvider.ConfigContext);
-    const prefixCls = getPrefixCls('web3-icon-chainlink-circle-colorful');
+export const ChainlinkCircleColorful = React.forwardRef<HTMLSpanElement, IconBaseProps>((props, ref) => {
+  const { getPrefixCls } = React.useContext(ConfigProvider.ConfigContext);
+  const prefixCls = getPrefixCls('web3-icon-chainlink-circle-colorful');
 
-    return (
-      <AntdIcon
-        {...props}
-        className={classnames(prefixCls, props.className)}
-        ref={ref}
-        component={SVGComponent}
-      />
-    );
-  },
-);
+  return (
+    <AntdIcon
+      {...props}
+      className={classnames(prefixCls, props.className)}
+      ref={ref}
+      component={SVGComponent}
+    />
+  );
+});
 
 ChainlinkCircleColorful.displayName = 'ChainlinkCircleColorful';
diff --git a/packages/icons/src/components/chainlink-circle-filled.tsx b/packages/icons/src/components/chainlink-circle-filled.tsx
@@ -9,20 +9,18 @@ import classnames from 'classnames';
 import SVGComponent from '../svgs/chainlink-circle-filled.svg';
 
 /**![ChainlinkCircleFilled](data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+Q2hhaW5saW5rPC90aXRsZT4KICAgIDxnIGlkPSJDaGFpbmxpbmsiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSLnvJbnu4QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDExMiwgMTEyKSI+CiAgICAgICAgICAgIDxjaXJjbGUgaWQ9IuakreWchuW9oiIgZmlsbD0iIzU1NTU1NSIgY3g9IjQwMCIgY3k9IjQwMCIgcj0iNDAwIj48L2NpcmNsZT4KICAgICAgICAgICAgPGcgaWQ9ImNoYWlubGluay1saW5rLWxvZ28iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0MCwgMTAwKSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yNjAsMCBMMjA0Ljk3MzU0NSwzMS42NTEzNzYxIEw1NS4wMjY0NTUsMTE4LjM0ODYyNCBMMCwxNTAgTDAsNDUwIEw1NS4wMjY0NTUsNDgxLjY1MTM3NiBMMjA2LjM0OTIwNiw1NjguMzQ4NjI0IEwyNjEuMzc1NjYxLDYwMCBMMzE2LjQwMjExNiw1NjguMzQ4NjI0IEw0NjQuOTczNTQ1LDQ4MS42NTEzNzYgTDUyMCw0NTAgTDUyMCwxNTAgTDQ2NC45NzM1NDUsMTE4LjM0ODYyNCBMMzE1LjAyNjQ1NSwzMS42NTEzNzYxIEwyNjAsMCBaIE0xMTAuMDUyOTEsMzg2LjY5NzI0OCBMMTEwLjA1MjkxLDIxMy4zMDI3NTIgTDI2MCwxMjYuNjA1NTA1IEw0MDkuOTQ3MDksMjEzLjMwMjc1MiBMNDA5Ljk0NzA5LDM4Ni42OTcyNDggTDI2MCw0NzMuMzk0NDk1IEwxMTAuMDUyOTEsMzg2LjY5NzI0OCBaIiBpZD0i5b2i54q2Ij48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=) */
-export const ChainlinkCircleFilled = React.forwardRef<HTMLSpanElement, IconBaseProps>(
-  (props, ref) => {
-    const { getPrefixCls } = React.useContext(ConfigProvider.ConfigContext);
-    const prefixCls = getPrefixCls('web3-icon-chainlink-circle-filled');
+export const ChainlinkCircleFilled = React.forwardRef<HTMLSpanElement, IconBaseProps>((props, ref) => {
+  const { getPrefixCls } = React.useContext(ConfigProvider.ConfigContext);
+  const prefixCls = getPrefixCls('web3-icon-chainlink-circle-filled');
 
-    return (
-      <AntdIcon
-        {...props}
-        className={classnames(prefixCls, props.className)}
-        ref={ref}
-        component={SVGComponent}
-      />
-    );
-  },
-);
+  return (
+    <AntdIcon
+      {...props}
+      className={classnames(prefixCls, props.className)}
+      ref={ref}
+      component={SVGComponent}
+    />
+  );
+});
 
 ChainlinkCircleFilled.displayName = 'ChainlinkCircleFilled';
diff --git a/packages/icons/src/components/scroll-circle-colorful.tsx b/packages/icons/src/components/scroll-circle-colorful.tsx
@@ -9,20 +9,18 @@ import classnames from 'classnames';
 import SVGComponent from '../svgs/scroll-circle-colorful.svg';
 
 /**![ScrollCircleColorful](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHQ9IjE3MTI1NzAzODExMjgiIGNsYXNzPSJpY29uIiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiCiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBwLWlkPSIxMDA5Ij4KICA8cGF0aCBkPSJNMCAwbTUxMiAwbDAgMHE1MTIgMCA1MTIgNTEybDAgMHEwIDUxMi01MTIgNTEybDAgMHEtNTEyIDAtNTEyLTUxMmwwIDBxMC01MTIgNTEyLTUxMloiIGZpbGw9IiNGQ0VGREUiIHAtaWQ9IjEwMTAiPjwvcGF0aD4KICA8cGF0aCBkPSJNNTEyIDcyNS4zMzMzMzNjMC02OC4yNjY2NjctMzUuNTQxMzMzLTEwNi42NjY2NjctNDIuNjY2NjY3LTEwNi42NjY2NjZoMjk4LjY2NjY2N2MyMS4zMzMzMzMgMCA2NCAyMS4zMzMzMzMgNjQgMTA2LjY2NjY2NnMtNDIuNjY2NjY3IDEwNi42NjY2NjctNjQgMTA2LjY2NjY2N2gtMzIwYzIxLjMzMzMzMy03LjEyNTMzMyA2NC0zOC40IDY0LTEwNi42NjY2Njd6IiBmaWxsPSIjRTNDMTkxIiBwLWlkPSIxMDExIj48L3BhdGg+CiAgPHBhdGggZD0iTTMzMy4yMjY2NjcgMTgxLjMzMzMzM2MtMzEuMjc0NjY3IDAtNjguNDggMTMuMjI2NjY3LTk4LjAwNTMzNCAzNi41NjUzMzQtMjkuODI0IDIzLjU5NDY2Ny01My44ODggNTkuMzA2NjY3LTUzLjg4OCAxMDQuODc0NjY2IDAgMzQuODU4NjY3IDMuNDEzMzMzIDYxLjQ4MjY2NyAxMy4wOTg2NjcgODUuMjQ4IDkuNzI4IDIzLjgwOCAyNS4wNDUzMzMgNDIuODggNDUuNTI1MzMzIDYzLjc0NGExOS41NDEzMzMgMTkuNTQxMzMzIDAgMCAwIDI4LjAzMiAwIDIwLjQ4IDIwLjQ4IDAgMCAwIDAtMjguNTg2NjY2Yy0xOS4xNTczMzMtMTkuNDk4NjY3LTMwLjIwOC0zNC4xMzMzMzMtMzYuOTkyLTUwLjczMDY2Ny02LjgyNjY2Ny0xNi42NC0xMC4wMjY2NjctMzcuMTYyNjY3LTEwLjAyNjY2Ni02OS42NzQ2NjcgMC0yOS44MjQgMTUuNTMwNjY3LTU0Ljc0MTMzMyAzOC41MjgtNzIuOTYgMjMuMzM4NjY3LTE4LjM4OTMzMyA1Mi4xMzg2NjctMjguMDc0NjY3IDczLjcyOC0yOC4wNzQ2NjZoNDIyLjU3MDY2NmMzLjY2OTMzMyAwIDYuNjEzMzMzIDMuMDI5MzMzIDYuNjEzMzM0IDYuNzQxMzMzdjM1MC4yNTA2NjdjMTIuOTI4IDAgMjUuNTU3MzMzIDMuODgyNjY3IDM2LjI2NjY2NiAxMS4xNzg2NjZsMy4zNzA2NjcgMi4yNjEzMzRWMjI4LjUyMjY2N2MwLTI2LjAyNjY2Ny0yMC42OTMzMzMtNDcuMTQ2NjY3LTQ2LjI1MDY2Ny00Ny4xNDY2NjdIMzMzLjIyNjY2N3oiIGZpbGw9IiMxRDBGMDciIHAtaWQ9IjEwMTIiPjwvcGF0aD4KICA8cGF0aCBkPSJNNDAxLjYyMTMzMyAzNDIuOTk3MzMzaDI1MC44OGEyMC4wMTA2NjcgMjAuMDEwNjY3IDAgMCAwIDE5Ljg0LTIwLjIyNCAyMC4wMTA2NjcgMjAuMDEwNjY3IDAgMCAwLTE5Ljc5NzMzMy0yMC4xODEzMzNINDAxLjYyMTMzM3Y0MC40MDUzMzN6TTQwMS42MjEzMzMgNTMxLjU4NGgyNDguNTMzMzM0YTIwLjAxMDY2NyAyMC4wMTA2NjcgMCAwIDAgMTkuNzk3MzMzLTIwLjIyNCAyMC4wMTA2NjcgMjAuMDEwNjY3IDAgMCAwLTE5Ljc5NzMzMy0yMC4xODEzMzNINDAxLjYyMTMzM3Y0MC40MDUzMzN6TTY4OS43OTIgNDM3LjI5MDY2N0g0MDEuNjIxMzMzdi00MC40MDUzMzRoMjg4LjE3MDY2N2MxMC45MjI2NjcgMCAxOS43OTczMzMgOS4wNDUzMzMgMTkuNzk3MzMzIDIwLjE4MTMzNGEyMC4wMTA2NjcgMjAuMDEwNjY3IDAgMCAxLTE5Ljc5NzMzMyAyMC4yMjR6IiBmaWxsPSIjMUQwRjA3IiBwLWlkPSIxMDEzIj48L3BhdGg+CiAgPHBhdGggZD0iTTI4MC4zNjI2NjcgMzI5LjUxNDY2N2gtMTMuMjI2NjY3di00MC40MDUzMzRoMTMuMjI2NjY3YzI1LjU1NzMzMyAwIDQ2LjI1MDY2NyAyMS4xMiA0Ni4yNTA2NjYgNDcuMTQ2NjY3djM5MS44OTMzMzNsLTAuMTcwNjY2IDEuMjhjLTEuNzQ5MzMzIDE0LjM3ODY2NyAwLjUxMiAzNi4wMTA2NjcgMTIuMjAyNjY2IDUzLjQxODY2NyAxMC44OCAxNi4xMjggMzEuNzg2NjY3IDMxLjU3MzMzMyA3My44MTMzMzQgMzEuNTczMzMzIDE0LjQyMTMzMyAwIDM2LjUyMjY2Ny00LjU2NTMzMyA1NC40NDI2NjYtMTcuNzA2NjY2IDE2Ljg5Ni0xMi40MTYgMzEuNDAyNjY3LTMzLjI4IDMxLjQwMjY2Ny02OS44MDI2NjcgMC0zNi41MjI2NjctMTQuNTA2NjY3LTU3LjM4NjY2Ny0zMS40MDI2NjctNjkuODQ1MzMzYTk2LjkzODY2NyA5Ni45Mzg2NjcgMCAwIDAtNTQuNDQyNjY2LTE3LjcwNjY2NyA2LjY1NiA2LjY1NiAwIDAgMC02LjYxMzMzNCA2LjY5ODY2N3Y0MC40NDhjMCAzLjcxMiAyLjk4NjY2NyA2LjY5ODY2NyA2LjYxMzMzNCA2LjY5ODY2NmgyNi40MTA2NjZ2NDAuNDQ4aC0yNi40NTMzMzNhNDYuNjc3MzMzIDQ2LjY3NzMzMyAwIDAgMS00Ni4yMDgtNDcuMTQ2NjY2di00MC40NDhjMC0yNi4wMjY2NjcgMjAuNjkzMzMzLTQ3LjE0NjY2NyA0Ni4yNTA2NjctNDcuMTQ2NjY3aDM0NS4wMDI2NjZsMS42MjEzMzQgMC4yOTg2NjdjMzMuMTA5MzMzIDUuNjMyIDk1Ljc4NjY2NyAzOS42OCA5NS43ODY2NjYgMTI3LjcwMTMzMyAwIDg3Ljk3ODY2Ny02Mi42NzczMzMgMTIyLjAyNjY2Ny05NS43ODY2NjYgMTI3LjY1ODY2N2wtMS42MjEzMzQgMC4yOTg2NjZINDEyLjQ1ODY2N2MtNTMuMDc3MzMzIDAtODcuMjEwNjY3LTIwLjQ4LTEwNi40OTYtNDkuMTk0NjY2LTE4LjA5MDY2Ny0yNi45NjUzMzMtMjEuMzMzMzMzLTU4LjQ1MzMzMy0xOC45ODY2NjctNzkuOTU3MzM0VjMzNi4yMTMzMzNhNi42NTYgNi42NTYgMCAwIDAtNi42MTMzMzMtNi43NDEzMzN6TTUwNi44OCA4MTQuNTA2NjY3aDI0Ny4xNjhjMjAuMzA5MzMzLTQuMTM4NjY3IDYxLjIyNjY2Ny0yNi4xOTczMzMgNjEuMjI2NjY3LTg3LjU1MiAwLTYxLjM5NzMzMy00MC45Ni04My40MTMzMzMtNjEuMjI2NjY3LTg3LjU1Mkg1MDYuODhjMTguNDMyIDIwLjEzODY2NyAzMS4wNjEzMzMgNDguNzY4IDMxLjA2MTMzMyA4Ny41NTJzLTEyLjYyOTMzMyA2Ny40MTMzMzMtMzEuMDYxMzMzIDg3LjU1MnoiIGZpbGw9IiMxRDBGMDciIHAtaWQ9IjEwMTQiPjwvcGF0aD4KPC9zdmc+Cg==) */
-export const ScrollCircleColorful = React.forwardRef<HTMLSpanElement, IconBaseProps>(
-  (props, ref) => {
-    const { getPrefixCls } = React.useContext(ConfigProvider.ConfigContext);
-    const prefixCls = getPrefixCls('web3-icon-scroll-circle-colorful');
+export const ScrollCircleColorful = React.forwardRef<HTMLSpanElement, IconBaseProps>((props, ref) => {
+  const { getPrefixCls } = React.useContext(ConfigProvider.ConfigContext);
+  const prefixCls = getPrefixCls('web3-icon-scroll-circle-colorful');
 
-    return (
-      <AntdIcon
-        {...props}
-        className={classnames(prefixCls, props.className)}
-        ref={ref}
-        component={SVGComponent}
-      />
-    );
-  },
-);
+  return (
+    <AntdIcon
+      {...props}
+      className={classnames(prefixCls, props.className)}
+      ref={ref}
+      component={SVGComponent}
+    />
+  );
+});
 
 ScrollCircleColorful.displayName = 'ScrollCircleColorful';