✨ #324 GlobeIcon を追加

nekochans · Sep 23, 2024 · 8c207fc · 8c207fc
1 parent e8da752
commit 8c207fc
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 0 deletions.
diff --git a/src/app/_components/icons/GlobeIcon.stories.tsx b/src/app/_components/icons/GlobeIcon.stories.tsx
@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { GlobeIcon } from './GlobeIcon';
+
+const meta = {
+  component: GlobeIcon,
+} satisfies Meta<typeof GlobeIcon>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
diff --git a/src/app/_components/icons/GlobeIcon.tsx b/src/app/_components/icons/GlobeIcon.tsx
@@ -0,0 +1,21 @@
+import type { JSX } from 'react';
+
+export const GlobeIcon = (): JSX.Element => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="none"
+    >
+      <path
+        d="M21 12C21 16.9706 16.9706 21 12 21M21 12C21 7.02944 16.9706 3 12 3M21 12H3M12 21C7.02944 21 3 16.9706 3 12M12 21C13.6569 21 15 16.9706 15 12C15 7.02944 13.6569 3 12 3M12 21C10.3431 21 9 16.9706 9 12C9 7.02944 10.3431 3 12 3M3 12C3 7.02944 7.02944 3 12 3"
+        stroke="#FFF7ED"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};