(Feature) Etherscan button icon (#331)

* (add) new open on etherscan button icon

* (remove) unused asset

* (fix) icon background

src/components/EtherscanBtn/img/etherscan-open.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+    <g fill="none" fill-rule="evenodd">
+        <path fill="#B2B5B2" fill-rule="nonzero" d="M17 17v-2a1 1 0 0 1 2 0v2a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h2a1 1 0 1 1 0 2H7v10h10z"/>
+        <path fill="#B2B5B2" d="M15.586 7H13a1 1 0 0 1 0-2h5a.997.997 0 0 1 1 1v5a1 1 0 0 1-2 0V8.414l-6.243 6.243a1 1 0 1 1-1.414-1.414L15.586 7z"/>
+    </g>
+</svg>

src/components/EtherscanBtn/index.jsx

@@ -3,17 +3,18 @@ import React from 'react'
 import Tooltip from '@material-ui/core/Tooltip'
 import { makeStyles } from '@material-ui/core/styles'
 import Img from '~/components/layout/Img'
+import EtherscanOpenIcon from './img/etherscan-open.svg'
 import { getEtherScanLink } from '~/logic/wallets/getWeb3'
 import { xs } from '~/theme/variables'
-import SearchIcon from './search.svg'
 
 const useStyles = makeStyles({
   container: {
+    alignItems: 'center',
+    borderRadius: '50%',
     display: 'flex',
     justifyContent: 'center',
-    alignItems: 'center',
     margin: `0 ${xs}`,
-    borderRadius: '50%',
+    padding: '0',
     transition: 'background-color .2s ease-in-out',
     '&:hover': {
       backgroundColor: '#F0EFEE',
@@ -37,13 +38,13 @@ const EtherscanBtn = ({ type, value, increaseZindex = false }: EtherscanBtnProps
   return (
     <Tooltip title="Show details on Etherscan" placement="top" classes={customClasses}>
       <a
+        aria-label="Show details on Etherscan"
         className={classes.container}
         href={getEtherScanLink(type, value)}
-        target="_blank"
         rel="noopener noreferrer"
-        aria-label="Show details on Etherscan"
+        target="_blank"
       >
-        <Img src={SearchIcon} height={20} alt="Etherscan" />
+        <Img src={EtherscanOpenIcon} height={20} alt="Show on Etherscan" />
       </a>
     </Tooltip>
   )

src/components/EtherscanBtn/search.svg

@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
-    <g fill="none" fill-rule="evenodd">
-        <path fill="#B2B5B2" fill-rule="nonzero" d="M18.671 17.085a1.119 1.119 0 0 1-.002 1.587 1.126 1.126 0 0 1-1.586.003l-2.68-2.68a6.6 6.6 0 1 1 .862-10.061 6.603 6.603 0 0 1 .727 8.471l2.68 2.68zm-4.923-3.335a4.455 4.455 0 0 0-6.298-6.3 4.456 4.456 0 0 0 0 6.3 4.452 4.452 0 0 0 6.298 0z"/>
-    </g>
-</svg>