feat: Add new tag and icon (#73)

src/components/Svg/Icons/Binance.tsx

@@ -0,0 +1,17 @@
+import React from "react";
+import Svg from "../Svg";
+import SvgProps from "../types";
+
+const Icon: React.FC<SvgProps> = (props) => {
+  return (
+    <Svg viewBox="0 0 16 16" {...props}>
+      <circle cx="8" cy="8" r="8" fill="#F0B90B" />
+      <path
+        d="M5.01656 8.00006L3.79256 9.23256L2.56006 8.00006L3.79256 6.76756L5.01656 8.00006ZM8.00006 5.01656L10.1081 7.12456L11.3406 5.89206L9.23256 3.79256L8.00006 2.56006L6.76756 3.79256L4.66806 5.89206L5.90056 7.12456L8.00006 5.01656ZM12.2076 6.76756L10.9836 8.00006L12.2161 9.23256L13.4401 8.00006L12.2076 6.76756ZM8.00006 10.9836L5.89206 8.87556L4.66806 10.1081L6.77606 12.2161L8.00006 13.4401L9.23256 12.2076L11.3406 10.0996L10.1081 8.87556L8.00006 10.9836ZM8.00006 9.23256L9.23256 8.00006L8.00006 6.76756L6.76756 8.00006L8.00006 9.23256Z"
+        fill="#FFFDFA"
+      />
+    </Svg>
+  );
+};
+
+export default Icon;

src/components/Svg/index.tsx

@@ -1,5 +1,6 @@
 export { default as AddIcon } from "./Icons/Add";
 export { default as ArrowForwardIcon } from "./Icons/ArrowForward";
+export { default as BinanceIcon } from "./Icons/Binance";
 export { default as BlockIcon } from "./Icons/Block";
 export { default as CheckmarkIcon } from "./Icons/Checkmark";
 export { default as ChevronDownIcon } from "./Icons/ChevronDown";

src/components/Tag/types.ts

@@ -8,6 +8,7 @@ export const variants = {
   TEXTDISABLED: "textDisabled",
   TEXTSUBTLE: "textSubtle",
   BINANCE: "binance",
+  FAILURE: "failure",
 } as const;
 
 export type Variants = typeof variants[keyof typeof variants];