diff --git a/components/icons/Filter.tsx b/components/icons/Filter.tsx
new file mode 100644
index 000000000..4fd2e4e07
--- /dev/null
+++ b/components/icons/Filter.tsx
@@ -0,0 +1,22 @@
+const Filter = ({ ...props }) => {
+  return (
+    <svg
+      fill="none"
+      height="24"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      stroke-width="2"
+      stroke="currentColor"
+      viewBox="0 0 24 24"
+      width="24"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <polygon
+        points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"
+      />
+    </svg>
+  )
+}
+
+export default Filter
diff --git a/components/icons/index.ts b/components/icons/index.ts
index 1ce388914..ef5b73f3f 100644
--- a/components/icons/index.ts
+++ b/components/icons/index.ts
@@ -12,3 +12,4 @@ export { default as Github } from './Github'
 export { default as DoubleChevron } from './DoubleChevron'
 export { default as RightArrow } from './RightArrow'
 export { default as Info } from './Info'
+export { default as Filter } from './Filter'