From 05df26491fb27e0d358a82601c5f9c1d84270235 Mon Sep 17 00:00:00 2001
From: Mitchell McCaffrey <mitchemmc@gmail.com>
Date: Thu, 21 May 2020 22:57:05 +1000
Subject: [PATCH] Renamed remove token icon

---
 src/components/token/TokenTile.js |  4 ++--
 src/icons/RemoveTokenIcon.js      | 18 ++++++++++++++++++
 2 files changed, 20 insertions(+), 2 deletions(-)
 create mode 100644 src/icons/RemoveTokenIcon.js

diff --git a/src/components/token/TokenTile.js b/src/components/token/TokenTile.js
index 4d521db..35c8b33 100644
--- a/src/components/token/TokenTile.js
+++ b/src/components/token/TokenTile.js
@@ -1,7 +1,7 @@
 import React from "react";
 import { Flex, Image, Text, Box, IconButton } from "theme-ui";
 
-import RemoveMapIcon from "../../icons/RemoveMapIcon";
+import RemoveTokenIcon from "../../icons/RemoveTokenIcon";
 
 import useDataSource from "../../helpers/useDataSource";
 import {
@@ -70,7 +70,7 @@ function TokenTile({ token, isSelected, onTokenSelect, onTokenRemove }) {
             sx={{ borderRadius: "50%" }}
             m={1}
           >
-            <RemoveMapIcon />
+            <RemoveTokenIcon />
           </IconButton>
         </Box>
       )}
diff --git a/src/icons/RemoveTokenIcon.js b/src/icons/RemoveTokenIcon.js
new file mode 100644
index 0000000..2f587d2
--- /dev/null
+++ b/src/icons/RemoveTokenIcon.js
@@ -0,0 +1,18 @@
+import React from "react";
+
+function RemoveTokenIcon() {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      height="24"
+      viewBox="0 0 24 24"
+      width="24"
+      fill="currentcolor"
+    >
+      <path d="M0 0h24v24H0V0z" fill="none" />
+      <path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V9c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v10zM18 4h-2.5l-.71-.71c-.18-.18-.44-.29-.7-.29H9.91c-.26 0-.52.11-.7.29L8.5 4H6c-.55 0-1 .45-1 1s.45 1 1 1h12c.55 0 1-.45 1-1s-.45-1-1-1z" />
+    </svg>
+  );
+}
+
+export default RemoveTokenIcon;