diff --git a/packages/ui/src/icons/ChevronDown.tsx b/packages/ui/src/icons/ChevronDown.tsx
new file mode 100644
index 00000000..71c0f785
--- /dev/null
+++ b/packages/ui/src/icons/ChevronDown.tsx
@@ -0,0 +1,24 @@
+import { type PathProps } from "./types.js";
+
+export function ChevronDown({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round",
+}: PathProps) {
+  return (
+    <svg
+      width="100%"
+      viewBox="0 0 11 6"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M1.5 1L5.5 5L9.5 1"
+        stroke="currentColor"
+        strokeWidth={strokeWidth}
+        strokeLinecap={strokeLinecap}
+        strokeLinejoin={strokeLinejoin}
+      />
+    </svg>
+  );
+}
diff --git a/packages/ui/src/icons/index.tsx b/packages/ui/src/icons/index.tsx
index 1362286c..a39e3b75 100644
--- a/packages/ui/src/icons/index.tsx
+++ b/packages/ui/src/icons/index.tsx
@@ -31,6 +31,7 @@ export { CheckmarkCircleTier1 } from "./CheckmarkCircleTier1.js";
 export { CheckmarkCircleTier2 } from "./CheckmarkCircleTier2.js";
 export { CheckmarkCircleTier3 } from "./CheckmarkCircleTier3.js";
 export { Chevron } from "./Chevron.js";
+export { ChevronDown } from "./ChevronDown.js";
 export { ChevronLeft } from "./ChevronLeft.js";
 export { ChevronRight } from "./ChevronRight.js";
 export { CircleCheck } from "./CircleCheck.js";