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 @@
-
\ No newline at end of file
+
\ 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 (
+
+ )
+}
+
+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 @@
+
\ No newline at end of file