Migrate from using react-icons

src/assets/icons/Ledger.tsx

@@ -1,14 +1,18 @@
 import { Icon, IconProps } from "@chakra-ui/react";
-import { MdUsb } from "react-icons/md";
+
+import colors from "../../style/colors";
 
 export const LedgerIcon: React.FC<IconProps> = props => (
   <Icon
-    as={MdUsb}
     width="18px"
     height="18px"
+    fill={colors.gray[400]}
     data-testid="ledger-icon"
-    viewBox="0 0 18 18"
+    strokeWidth="0"
+    viewBox="0 0 24 24"
     xmlns="http://www.w3.org/2000/svg"
     {...props}
-  />
+  >
+    <path d="M15 7v4h1v2h-3V5h2l-3-4-3 4h2v8H8v-2.07c.7-.37 1.2-1.08 1.2-1.93 0-1.21-.99-2.2-2.2-2.2-1.21 0-2.2.99-2.2 2.2 0 .85.5 1.56 1.2 1.93V13c0 1.11.89 2 2 2h3v3.05c-.71.37-1.2 1.1-1.2 1.95a2.2 2.2 0 0 0 4.4 0c0-.85-.49-1.58-1.2-1.95V15h3c1.11 0 2-.89 2-2v-2h1V7h-4z" />
+  </Icon>
 );

src/components/AddressTile/AddressTileIcon.tsx

@@ -61,14 +61,7 @@ export const AddressTileIcon: React.FC<{
         />
       );
     case "ledger":
-      return (
-        <LedgerIcon
-          width={sizeInPx}
-          height={sizeInPx}
-          {...baseIconProps}
-          color={colors.gray[400]}
-        />
-      );
+      return <LedgerIcon width={sizeInPx} height={sizeInPx} {...baseIconProps} />;
     case "multisig":
       return <KeyIcon width={sizeInPx} height={sizeInPx} {...baseIconProps} />;
     case "contact":