From c3c7f2c22b4186d482c89c7599c8e64fa41d1d8d Mon Sep 17 00:00:00 2001
From: Misha Moroshko <michael.moroshko@gmail.com>
Date: Fri, 19 Feb 2021 11:22:19 +1100
Subject: [PATCH] Add trash icon

---
 src/components/Icon.js |  1 +
 src/icons/trash.js     | 33 +++++++++++++++++++++++++++++++++
 2 files changed, 34 insertions(+)
 create mode 100644 src/icons/trash.js

diff --git a/src/components/Icon.js b/src/components/Icon.js
index 3be91dee..b41d5721 100644
--- a/src/components/Icon.js
+++ b/src/components/Icon.js
@@ -50,6 +50,7 @@ const NAMES = [
   "tick-small",
   "tick",
   "time",
+  "trash",
   "triangle-down",
   "triangle-up",
   "twitter",
diff --git a/src/icons/trash.js b/src/icons/trash.js
new file mode 100644
index 00000000..0182f6db
--- /dev/null
+++ b/src/icons/trash.js
@@ -0,0 +1,33 @@
+import React from "react";
+import PropTypes from "prop-types";
+
+function Trash({ size, primaryColor, testId }) {
+  return (
+    <svg
+      css={{
+        display: "block",
+      }}
+      width={size}
+      height={size}
+      viewBox="0 0 32 32"
+      focusable="false"
+      role="img"
+      aria-label="Trash"
+      data-testid={testId}
+    >
+      <path
+        d="M23 26H9V10h2v13.428a1 1 0 002 0V10h2v13.428a1 1 0 002 0V10h2v13.428a1 1 0 002 0V10h2v16zM14 8h4V6h-4v2zm12 0h-6V6a2 2 0 00-2-2h-4a2 2 0 00-2 2v2H6a1 1 0 000 2h1v16a2 2 0 002 2h14a2 2 0 002-2V10h1a1 1 0 100-2z"
+        fill={primaryColor}
+        fillRule="evenodd"
+      />
+    </svg>
+  );
+}
+
+Trash.propTypes = {
+  size: PropTypes.string.isRequired,
+  primaryColor: PropTypes.string.isRequired,
+  testId: PropTypes.string,
+};
+
+export default Trash;