Adding Japan flag (#392)

* Adding Japan flag * changed jpn to 2 letters code --------- Co-authored-by: guykohen <[email protected]>
ClickHouse · Apr 9, 2024 · 6d78315 · 6d78315
1 parent 47202a3
commit 6d78315
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 0 deletions.
diff --git a/src/components/icons/Flags/Japan.tsx b/src/components/icons/Flags/Japan.tsx
@@ -0,0 +1,33 @@
+import React from "react";
+
+const Japan = (props: React.SVGAttributes<SVGElement>): React.ReactElement => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="30"
+    height="20"
+    viewBox="0 0 30 20"
+    fill="none"
+    {...props}
+  >
+    <g clipPath="url(#clip0_8004_401)">
+      <path
+        d="M30 0H0V20H30V0Z"
+        fill="white"
+      />
+      <path
+        d="M15 16C18.3137 16 21 13.3137 21 10C21 6.68629 18.3137 4 15 4C11.6863 4 9 6.68629 9 10C9 13.3137 11.6863 16 15 16Z"
+        fill="#BC002D"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_8004_401">
+        <rect
+          width="30"
+          height="20"
+          fill="white"
+        />
+      </clipPath>
+    </defs>
+  </svg>
+);
+export default Japan;
diff --git a/src/components/icons/Flags/index.tsx b/src/components/icons/Flags/index.tsx
@@ -7,6 +7,7 @@ import GreatBritain from "./GreatBritain";
 import Singapore from "./Singapore";
 import Ireland from "./Ireland";
 import India from "./India";
+import Japan from "./Japan";
 import Netherlands from "./Netherlands";
 import Australia from "./Australia";
 import SouthAfrica from "./SouthAfrica";
@@ -25,6 +26,7 @@ export type FlagName =
   | "gb"
   | "in"
   | "ie"
+  | "jp"
   | "nl"
   | "sg"
   | "sw"
@@ -45,6 +47,7 @@ export const FlagList = {
   gb: GreatBritain,
   ie: Ireland,
   in: India,
+  jp: Japan,
   nl: Netherlands,
   sg: Singapore,
   za: SouthAfrica,