feat: change reverse icon (#347)

Author: just-toby

src/assets/svg/reverse.svg

@@ -1,5 +1,5 @@
 import { useSwapInfo, useSwitchSwapCurrencies } from 'hooks/swap'
-import { ArrowDown, LargeIcon } from 'icons'
+import { LargeIcon, Reverse } from 'icons'
 import styled from 'styled-components/macro'
 import { Layer } from 'theme'
 
@@ -35,7 +35,7 @@ export default function ReverseButton() {
   return (
     <Underlayer>
       <StyledReverseButton disabled={isDisabled} onClick={switchCurrencies}>
-        <LargeIcon icon={ArrowDown} />
+        <LargeIcon icon={Reverse} />
       </StyledReverseButton>
     </Underlayer>
   )

src/components/Swap/ReverseButton.tsx

@@ -3,6 +3,7 @@ import { ReactComponent as CheckIcon } from 'assets/svg/check.svg'
 import { ReactComponent as ExpandoIcon } from 'assets/svg/expando.svg'
 import { ReactComponent as InlineSpinnerIcon } from 'assets/svg/inline_spinner.svg'
 import { ReactComponent as LogoIcon } from 'assets/svg/logo.svg'
+import { ReactComponent as ReverseIcon } from 'assets/svg/reverse.svg'
 import { ReactComponent as SpinnerIcon } from 'assets/svg/spinner.svg'
 import { ReactComponent as WalletIcon } from 'assets/svg/wallet.svg'
 import { ReactComponent as WalletDisconnectIcon } from 'assets/svg/wallet_disconnect.svg'
@@ -100,6 +101,7 @@ export const Trash2 = icon(Trash2Icon)
 export const Wallet = icon(WalletIcon)
 export const X = icon(XIcon)
 export const XOctagon = icon(XOctagonIcon)
+export const Reverse = icon(ReverseIcon)
 
 export const Check = styled(icon(CheckIcon))`
   circle {