feat: add WallectConnectColorful & CoinbaseWallectColorful icon (#180)

* feat: add WallectConnectColorful icon * feat: add coinbase wallect icon --------- Co-authored-by: yutingzhao1991 <[email protected]>
ant-design · Dec 6, 2023 · 1248253 · 1248253
1 parent 6b09438
commit 1248253
Show file tree

Hide file tree

Showing 6 changed files with 47 additions and 0 deletions.
diff --git a/packages/icons/src/components/coinbase-wallet-colorful.tsx b/packages/icons/src/components/coinbase-wallet-colorful.tsx
@@ -0,0 +1,9 @@
+import * as React from 'react';
+import AntdIcon from '@ant-design/icons';
+import { ReactComponent as SVGComponent } from '../svgs/coinbase-wallet-colorful.svg';
+import { type IconBaseProps } from '@ant-design/icons/lib/components/Icon';
+
+export const CoinbaseWallectColorful = React.forwardRef<HTMLSpanElement, IconBaseProps>(
+  (props, ref) => <AntdIcon {...props} ref={ref} component={SVGComponent} />,
+);
+CoinbaseWallectColorful.displayName = 'CoinbaseWallectColorful';
diff --git a/packages/icons/src/components/wallectconnect-colorful.tsx b/packages/icons/src/components/wallectconnect-colorful.tsx
@@ -0,0 +1,9 @@
+import * as React from 'react';
+import AntdIcon from '@ant-design/icons';
+import { ReactComponent as SVGComponent } from '../svgs/wallectconnect-colorful.svg';
+import { type IconBaseProps } from '@ant-design/icons/lib/components/Icon';
+
+export const WalletConnectColorful = React.forwardRef<HTMLSpanElement, IconBaseProps>(
+  (props, ref) => <AntdIcon {...props} ref={ref} component={SVGComponent} />,
+);
+WalletConnectColorful.displayName = 'WalletConnectColorful';
diff --git a/packages/icons/src/index.ts b/packages/icons/src/index.ts
@@ -10,3 +10,5 @@ export * from './components/usdt-filled';
 export * from './components/wallet-filled';
 export * from './components/etherscan-colorful';
 export * from './components/metamask-colorful';
+export * from './components/wallectconnect-colorful';
+export * from './components/coinbase-wallet-colorful';
diff --git a/packages/icons/src/svgs/coinbase-wallet-colorful.svg b/packages/icons/src/svgs/coinbase-wallet-colorful.svg
diff --git a/packages/icons/src/svgs/wallectconnect-colorful.svg b/packages/icons/src/svgs/wallectconnect-colorful.svg
diff --git a/packages/web3/src/icons/demos/colorful.tsx b/packages/web3/src/icons/demos/colorful.tsx
@@ -7,6 +7,8 @@ import {
   ArbitrumColorful,
   EtherscanColorful,
   MetaMaskColorful,
+  WalletConnectColorful,
+  CoinbaseWallectColorful,
 } from '@ant-design/web3-icons';
 import { Space } from 'antd';
 
@@ -25,6 +27,8 @@ const App: React.FC = () => {
       <ArbitrumColorful style={style} />
       <EtherscanColorful style={style} />
       <MetaMaskColorful style={style} />
+      <WalletConnectColorful style={style} />
+      <CoinbaseWallectColorful style={style} />
     </Space>
   );
 };