diff --git a/packages/ui/src/icons/ArrowLeftCircleCutout.tsx b/packages/ui/src/icons/ArrowLeftCircleCutout.tsx
new file mode 100644
index 00000000..7d7dcff9
--- /dev/null
+++ b/packages/ui/src/icons/ArrowLeftCircleCutout.tsx
@@ -0,0 +1,19 @@
+// Copyright  ©, 2022, Lightspark Group, Inc. - All Rights Reserved
+
+export function ArrowLeftCircleCutout() {
+  return (
+    <svg
+      width="100%"
+      viewBox="0 0 31 30"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M0.500978 14.9998C0.500978 23.284 7.21678 29.9998 15.501 29.9998C23.7853 29.9998 30.501 23.284 30.501 14.9998C30.501 6.71556 23.7853 -0.000242233 15.501 -0.000242233C7.21678 -0.000242233 0.500978 6.71556 0.500978 14.9998ZM9.50098 19.8748C9.50098 20.4961 10.0047 20.9998 10.626 20.9998H18.876C19.4973 20.9998 20.001 20.4961 20.001 19.8748C20.001 19.2534 19.4973 18.7498 18.876 18.7498H13.342L21.1715 10.9202C21.6108 10.4809 21.6108 9.76866 21.1715 9.32931C20.7321 8.88996 20.0198 8.88996 19.5805 9.32931L11.751 17.1587V11.6248C11.751 11.0035 11.2473 10.4998 10.626 10.4998C10.0047 10.4998 9.50098 11.0035 9.50098 11.6248V19.8748Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
diff --git a/packages/ui/src/icons/index.tsx b/packages/ui/src/icons/index.tsx
index b264e936..a21996f9 100644
--- a/packages/ui/src/icons/index.tsx
+++ b/packages/ui/src/icons/index.tsx
@@ -10,6 +10,7 @@ export { ArrowCircleTier3 } from "./ArrowCircleTier3.js";
 export { ArrowCornerDownRight } from "./ArrowCornerDownRight.js";
 export { ArrowDown } from "./ArrowDown.js";
 export { ArrowLeft } from "./ArrowLeft.js";
+export { ArrowLeftCircleCutout } from "./ArrowLeftCircleCutout.js";
 export { ArrowRight } from "./ArrowRight.js";
 export { ArrowsDown } from "./ArrowsDown.js";
 export { ArrowsHorizontal } from "./ArrowsHorizontal.js";