adds archive and unarchive icons

src/components/icons/Archive.tsx

@@ -0,0 +1,20 @@
+import React from 'react';
+
+export default function Archive(props) {
+    return (
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            height={props.height}
+            viewBox={props.viewBox}
+            width={props.width}
+            fill="currentColor">
+            <path d="M10 3h4v5h3l-5 5-5-5h3v-5zm8.546 0h-2.344l5.467 9h-4.669l-2.25 3h-5.5l-2.25-3h-4.666l5.46-9h-2.317l-5.477 8.986v9.014h24v-9.014l-5.454-8.986z" />
+        </svg>
+    );
+}
+
+Archive.defaultProps = {
+    height: 28,
+    width: 20,
+    viewBox: '0 0 24 24',
+};

src/components/icons/UnArchive.tsx

@@ -0,0 +1,20 @@
+import React from 'react';
+
+export default function UnArchive(props) {
+    return (
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            height={props.height}
+            viewBox={props.viewBox}
+            width={props.width}
+            fill="currentColor">
+            <path d="M24 11.986v9.014h-24v-9.014l5.477-8.986h2.317l-5.46 9h4.666l2.25 3h5.5l2.25-3h4.669l-5.467-9h2.344l5.454 8.986zm-10-3.986h3l-5-5-5 5h3v5h4v-5zm-11.666 4" />
+        </svg>
+    );
+}
+
+UnArchive.defaultProps = {
+    height: 28,
+    width: 20,
+    viewBox: '0 0 24 24',
+};