From 80e04fa87c57e14f113922de0df502107eac55e2 Mon Sep 17 00:00:00 2001
From: Enrique Ortiz <hi@enriqueortiz.dev>
Date: Fri, 20 Mar 2020 08:31:10 -0400
Subject: [PATCH] Add swap icon as used in the token wrapper

---
 devbox/all-icons.js                       |  1 +
 src/components/AppView/assets/chevron.svg |  2 +-
 src/icons/components/IconSwap.js          | 32 +++++++++++++++++++++++
 src/icons/components/index.js             |  1 +
 src/icons/svg/swap.svg                    |  1 +
 5 files changed, 36 insertions(+), 1 deletion(-)
 create mode 100644 src/icons/components/IconSwap.js
 create mode 100644 src/icons/svg/swap.svg

diff --git a/devbox/all-icons.js b/devbox/all-icons.js
index 870089513..820fed089 100644
--- a/devbox/all-icons.js
+++ b/devbox/all-icons.js
@@ -91,6 +91,7 @@ export {
   IconSquare,
   IconStarFilled,
   IconStar,
+  IconSwap,
   IconTarget,
   IconToken,
   IconTrash,
diff --git a/src/components/AppView/assets/chevron.svg b/src/components/AppView/assets/chevron.svg
index c43ac32bd..6ef3ef914 100644
--- a/src/components/AppView/assets/chevron.svg
+++ b/src/components/AppView/assets/chevron.svg
@@ -1 +1 @@
-<svg width="7" height="12" viewBox="0 0 7 12" xmlns="http://www.w3.org/2000/svg"><path d="M.446 12a.512.512 0 0 1-.172-.03.422.422 0 0 1-.146-.087A.37.37 0 0 1 0 11.6a.37.37 0 0 1 .128-.281l5.826-5.361L.217.692A.376.376 0 0 1 .089.405.378.378 0 0 1 .217.117.444.444 0 0 1 .529 0c.123 0 .228.04.313.117l6.03 5.56A.37.37 0 0 1 7 5.96a.37.37 0 0 1-.128.281l-6.12 5.643A.477.477 0 0 1 .446 12z" fill="#00CBE6" fill-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="7" height="12" viewBox="0 0 7 12" xmlns="http://www.w3.org/2000/svg"><path d="M.446 12a.512.512 0 01-.172-.03.422.422 0 01-.146-.087A.37.37 0 010 11.6a.37.37 0 01.128-.281l5.826-5.361L.217.692A.376.376 0 01.089.405.378.378 0 01.217.117.444.444 0 01.529 0c.123 0 .228.04.313.117l6.03 5.56A.37.37 0 017 5.96a.37.37 0 01-.128.281l-6.12 5.643A.477.477 0 01.446 12z" fill="#00CBE6" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/src/icons/components/IconSwap.js b/src/icons/components/IconSwap.js
new file mode 100644
index 000000000..84cb1e9d4
--- /dev/null
+++ b/src/icons/components/IconSwap.js
@@ -0,0 +1,32 @@
+import React from 'react'
+import useIconSize from '../icon-size'
+import IconPropTypes from '../IconPropTypes'
+
+function IconSwap({ size, ...props }) {
+  const sizeValue = useIconSize(size)
+  return (
+    <svg
+      width={sizeValue}
+      height={sizeValue}
+      fill="none"
+      viewBox="0 0 22 21"
+      {...props}
+    >
+      <path
+        fill="currentColor"
+        stroke="currentColor"
+        strokeWidth={0.2}
+        d="M21.399 12l-3.033-3.034a.566.566 0 00-.8.8l2.633 2.633-2.633 2.634a.566.566 0 00.8.8l3.033-3.034a.565.565 0 000-.8zm-16.166-.967L2.6 8.399l2.633-2.633a.566.566 0 10-.8-.8L1.4 8a.566.566 0 000 .8l3.033 3.033a.566.566 0 00.8-.8z"
+      />
+      <path
+        fill="currentColor"
+        stroke="currentColor"
+        strokeWidth={0.2}
+        d="M21.564 12.4a.566.566 0 00-.565-.566H9.921a.566.566 0 000 1.131H21a.566.566 0 00.566-.566zm-8.121-4a.565.565 0 00-.566-.566H1.8a.566.566 0 100 1.131h11.077a.565.565 0 00.566-.565z"
+      />
+    </svg>
+  )
+}
+
+IconSwap.propTypes = IconPropTypes
+export default IconSwap
diff --git a/src/icons/components/index.js b/src/icons/components/index.js
index 6ca8c014f..8b1d6e3e5 100644
--- a/src/icons/components/index.js
+++ b/src/icons/components/index.js
@@ -90,6 +90,7 @@ export { default as IconSquarePlus } from './IconSquarePlus'
 export { default as IconSquare } from './IconSquare'
 export { default as IconStarFilled } from './IconStarFilled'
 export { default as IconStar } from './IconStar'
+export { default as IconSwap } from './IconSwap'
 export { default as IconTarget } from './IconTarget'
 export { default as IconToken } from './IconToken'
 export { default as IconTrash } from './IconTrash'
diff --git a/src/icons/svg/swap.svg b/src/icons/svg/swap.svg
new file mode 100644
index 000000000..0c3176e55
--- /dev/null
+++ b/src/icons/svg/swap.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="22" height="21" fill="none" viewBox="0 0 22 21"><path fill="#212B36" stroke="#212B36" stroke-width=".2" d="M21.399 12l-3.033-3.034a.566.566 0 00-.8.8l2.633 2.633-2.633 2.634a.566.566 0 00.8.8l3.033-3.034a.565.565 0 000-.8zm-16.166-.967L2.6 8.399l2.633-2.633a.566.566 0 10-.8-.8L1.4 8a.566.566 0 000 .8l3.033 3.033a.566.566 0 00.8-.8z"/><path fill="#212B36" stroke="#212B36" stroke-width=".2" d="M21.564 12.4a.566.566 0 00-.565-.566H9.921a.566.566 0 000 1.131H21a.566.566 0 00.566-.566zm-8.121-4a.565.565 0 00-.566-.566H1.8a.566.566 0 100 1.131h11.077a.565.565 0 00.566-.565z"/></svg>
\ No newline at end of file