Merge pull request #106 from blocknative/fix/use-svg-logos

Utilize svg logos where possible.

Closes #105

Author: lnbc1QWFyb24

src/components/Wallets.svelte

@@ -63,6 +63,7 @@
         onclick={() => handleWalletSelect(wallet)}
         iconSrc={wallet.iconSrc}
         iconSrcSet={wallet.iconSrcSet}
+        svg={wallet.svg}
         text={wallet.name}
         {loadingWallet} />
     </li>

src/modules/select/wallet-icons/icon-fortmatic.svg

@@ -1,8 +1,21 @@
-import fortmaticIcon from '../wallet-icons/icon-fortmatic.svg'
 import { networkName } from '../../../utilities'
 import { validateType } from '../../../validation'
 import { SdkWalletOptions, WalletModule, Helpers } from '../../../interfaces'
 
+const fortmaticIcon = `
+  <svg 
+    height="40" 
+    viewBox="0 0 40 40" 
+    width="40" 
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path d="m2744.99995 1155h9.99997 10.00008v9.98139h-10.00008-9.99997-9.99998v9.9814.64001 9.28323.05815 9.9234h-9.99997v-9.9234-.05815-9.28323-.64001-9.9814-9.98139h9.99997zm9.99961 29.88552h-9.94167v-9.92324h19.93595v10.27235c0 2.55359-1.01622 5.00299-2.82437 6.80909-1.80867 1.8061-4.26182 2.82181-6.82018 2.82335h-.34973z" 
+      fill="#617bff" 
+      fill-rule="evenodd" 
+      transform="translate(-2725 -1155)"/>
+  </svg>
+`
+
 function fortmatic(options: SdkWalletOptions): WalletModule {
   validateType({ name: 'Fortmatic options', value: options, type: 'object' })
 
@@ -22,7 +35,7 @@ function fortmatic(options: SdkWalletOptions): WalletModule {
 
   return {
     name: 'Fortmatic',
-    iconSrc: fortmaticIcon,
+    svg: fortmaticIcon,
     wallet: async (helpers: Helpers) => {
       if (!instance) {
         const { default: Fortmatic } = await import('fortmatic')