diff --git a/src/components/icons/SortIcon.tsx b/src/components/icons/SortIcon.tsx
new file mode 100644
index 000000000..07c2c0460
--- /dev/null
+++ b/src/components/icons/SortIcon.tsx
@@ -0,0 +1,20 @@
+import React from 'react';
+
+export default function SortIcon(props) {
+    return (
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            height={props.height}
+            viewBox={props.viewBox}
+            width={props.width}>
+            <path d="M0 0h24v24H0V0z" fill="none" />
+            <path d="M3 18h6v-2H3v2zM3 6v2h18V6H3zm0 7h12v-2H3v2z" />
+        </svg>
+    );
+}
+
+SortIcon.defaultProps = {
+    height: 24,
+    width: 24,
+    viewBox: '0 0 24 24',
+};
diff --git a/src/components/icons/TickIcon.tsx b/src/components/icons/TickIcon.tsx
new file mode 100644
index 000000000..8bd76968f
--- /dev/null
+++ b/src/components/icons/TickIcon.tsx
@@ -0,0 +1,20 @@
+import React from 'react';
+
+export default function TickIcon(props) {
+    return (
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            height={props.height}
+            viewBox={props.viewBox}
+            width={props.width}
+            fill="currentColor">
+            <path d="M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z" />
+        </svg>
+    );
+}
+
+TickIcon.defaultProps = {
+    height: 28,
+    width: 20,
+    viewBox: '0 0 24 24',
+};