chore: minor changes

Author: AbhinavMV

packages/core/src/IconsGallery/IconGallery.tsx

@@ -3,6 +3,7 @@ import * as Icons from '@web3uikit/icons';
 import { IPosition, notifyType } from '../lib/Notification/types';
 import { useState } from 'react';
 import * as styles from './iconGallery.styles';
+import { color } from '@web3uikit/styles';
 const { StyledDivGallery, StyledDivGrid, StyledDivIcon } = styles;
 
 const IconsGallery = () => {
@@ -13,7 +14,7 @@ const IconsGallery = () => {
                 key={Icon.name.slice(3)}
                 onClick={() => handleClick(Icon.name.slice(3), 'info')}
             >
-                <Icon fontSize={'50px'} color={'#000'} />
+                <Icon fontSize={30} color={color.red} />
             </StyledDivIcon>
         );
     });

packages/icons/src/lib/icons/ArrowCircleDown.tsx

@@ -11,7 +11,7 @@ const SvgArrowCircleDown = ({
     <svg
         aria-hidden="true"
         data-testid="test-icon"
-        fill="none"
+        fill="currentColor"
         viewBox="0 0 24 24"
         xmlns="http://www.w3.org/2000/svg"
         width="1em"
@@ -20,10 +20,7 @@ const SvgArrowCircleDown = ({
         {...props}
     >
         {title ? <title id={titleId}>{title}</title> : null}
-        <path
-            d="M19.364 12a7.364 7.364 0 1 0-14.728 0 7.364 7.364 0 0 0 14.728 0ZM12 3a9 9 0 1 1 0 18 9 9 0 0 1 0-18Zm2.694 8.421a.818.818 0 1 1 1.157 1.158l-3.273 3.272a.818.818 0 0 1-1.156 0l-3.273-3.273a.818.818 0 1 1 1.157-1.156l1.876 1.875v-4.57a.818.818 0 1 1 1.636 0v4.57l1.876-1.876Z"
-            fill="currentColor"
-        />
+        <path d="M19.364 12a7.364 7.364 0 1 0-14.728 0 7.364 7.364 0 0 0 14.728 0zM12 3a9 9 0 1 1 0 18 9 9 0 0 1 0-18zm2.694 8.421a.818.818 0 1 1 1.157 1.158l-3.273 3.272a.818.818 0 0 1-1.156 0l-3.273-3.273a.818.818 0 1 1 1.157-1.156l1.876 1.875v-4.57a.818.818 0 1 1 1.636 0v4.57l1.876-1.876z" />
     </svg>
 );
 

packages/icons/src/lib/icons/ArrowCircleLeft.tsx

@@ -11,7 +11,7 @@ const SvgArrowCircleLeft = ({
     <svg
         aria-hidden="true"
         data-testid="test-icon"
-        fill="none"
+        fill="currentColor"
         viewBox="0 0 24 24"
         xmlns="http://www.w3.org/2000/svg"
         width="1em"
@@ -20,10 +20,7 @@ const SvgArrowCircleLeft = ({
         {...props}
     >
         {title ? <title id={titleId}>{title}</title> : null}
-        <path
-            d="M12 4.636a7.364 7.364 0 1 0 0 14.728 7.364 7.364 0 0 0 0-14.728ZM3 12a9 9 0 1 1 18 0 9 9 0 0 1-18 0Zm9.579-3.851c.32.32.32.837 0 1.157l-1.877 1.876h4.57a.818.818 0 1 1 0 1.636h-4.57l1.877 1.876a.818.818 0 1 1-1.158 1.157L8.15 12.578a.818.818 0 0 1 0-1.156l3.273-3.273a.818.818 0 0 1 1.156 0Z"
-            fill="currentColor"
-        />
+        <path d="M12 4.636a7.364 7.364 0 1 0 0 14.728 7.364 7.364 0 0 0 0-14.728zM3 12a9 9 0 1 1 18 0 9 9 0 0 1-18 0zm9.579-3.851c.32.32.32.837 0 1.157l-1.877 1.876h4.57a.818.818 0 1 1 0 1.636h-4.57l1.877 1.876a.818.818 0 1 1-1.158 1.157L8.15 12.578a.818.818 0 0 1 0-1.156l3.273-3.273a.818.818 0 0 1 1.156 0z" />
     </svg>
 );
 

packages/icons/src/lib/icons/ArrowCircleRight.tsx

@@ -11,7 +11,7 @@ const SvgArrowCircleRight = ({
     <svg
         aria-hidden="true"
         data-testid="test-icon"
-        fill="none"
+        fill="currentColor"
         viewBox="0 0 24 24"
         xmlns="http://www.w3.org/2000/svg"
         width="1em"
@@ -20,10 +20,7 @@ const SvgArrowCircleRight = ({
         {...props}
     >
         {title ? <title id={titleId}>{title}</title> : null}
-        <path
-            d="M12 4.636a7.364 7.364 0 1 0 0 14.728 7.364 7.364 0 0 0 0-14.728ZM3 12a9 9 0 1 1 18 0 9 9 0 0 1-18 0Zm8.421-2.694a.818.818 0 1 1 1.158-1.157l3.272 3.273c.32.319.32.837 0 1.156l-3.273 3.273a.818.818 0 1 1-1.156-1.157l1.875-1.876h-4.57a.818.818 0 1 1 0-1.636h4.57l-1.876-1.876Z"
-            fill="currentColor"
-        />
+        <path d="M12 4.636a7.364 7.364 0 1 0 0 14.728 7.364 7.364 0 0 0 0-14.728zM3 12a9 9 0 1 1 18 0 9 9 0 0 1-18 0zm8.421-2.694a.818.818 0 1 1 1.158-1.157l3.272 3.273c.32.319.32.837 0 1.156l-3.273 3.273a.818.818 0 1 1-1.156-1.157l1.875-1.876h-4.57a.818.818 0 1 1 0-1.636h4.57l-1.876-1.876z" />
     </svg>
 );
 

packages/icons/src/lib/icons/LockClosed.tsx

@@ -11,6 +11,7 @@ const SvgLockClosed = ({
     <svg
         width="1em"
         height="1em"
+        fill="currentColor"
         viewBox="0 0 19 18"
         xmlns="http://www.w3.org/2000/svg"
         data-testid="test-icon"

packages/icons/src/lib/icons/LockOpen.tsx

@@ -12,6 +12,7 @@ const SvgLockOpen = ({
         width="1em"
         height="1em"
         viewBox="0 0 19 18"
+        fill="currentColor"
         xmlns="http://www.w3.org/2000/svg"
         data-testid="test-icon"
         aria-labelledby={titleId}

packages/icons/src/lib/svgs/arrow-circle-down.svg

@@ -5,6 +5,7 @@ import { Button } from '@web3uikit/core';
 import connectors from './config';
 import { IWalletModalProps } from './types';
 import WalletModalStyles from './WalletModal.styles';
+import { Cross } from '@web3uikit/icons';
 
 const {
     GridItemStyled,
@@ -52,7 +53,7 @@ const WalletModal: FC<IWalletModalProps> = ({
                 <HeaderStyled>
                     <TitleStyled>Connect Wallet</TitleStyled>
                     <Button
-                        icon={'x'}
+                        icon={<Cross />}
                         iconLayout="icon-only"
                         theme="outline"
                         onClick={() => setIsOpened(!isOpened)}