From c25efe61b436bfa8dbcd97ae6e8fd3c142e192e0 Mon Sep 17 00:00:00 2001
From: kolyasapphire <a@ks.gg>
Date: Tue, 31 Oct 2023 23:20:44 +0400
Subject: [PATCH] Plus Icon

---
 .changeset/rotten-beans-rescue.md             |  5 +++++
 .../components/src/icons/Plus.stories.tsx     | 21 +++++++++++++++++++
 packages/components/src/icons/plus.tsx        | 16 ++++++++++++++
 3 files changed, 42 insertions(+)
 create mode 100644 .changeset/rotten-beans-rescue.md
 create mode 100644 packages/components/src/icons/Plus.stories.tsx
 create mode 100644 packages/components/src/icons/plus.tsx

diff --git a/.changeset/rotten-beans-rescue.md b/.changeset/rotten-beans-rescue.md
new file mode 100644
index 0000000..47d2d4b
--- /dev/null
+++ b/.changeset/rotten-beans-rescue.md
@@ -0,0 +1,5 @@
+---
+'@groupos/ui-components': minor
+---
+
+Plus Icon
diff --git a/packages/components/src/icons/Plus.stories.tsx b/packages/components/src/icons/Plus.stories.tsx
new file mode 100644
index 0000000..cb70886
--- /dev/null
+++ b/packages/components/src/icons/Plus.stories.tsx
@@ -0,0 +1,21 @@
+import React from 'react'
+import type { Meta, StoryObj } from '@storybook/react'
+import { Plus as PlusIcon } from './plus'
+import { IconWrapper } from './arrowBack'
+
+const PlusMeta = {
+  title: 'Icons/Plus',
+  component: PlusIcon,
+} satisfies Meta<typeof PlusIcon>
+
+export default PlusMeta
+
+type Story = StoryObj<typeof PlusIcon>
+
+export const Plus: Story = {
+  render: () => (
+    <IconWrapper>
+      <PlusIcon />
+    </IconWrapper>
+  ),
+}
diff --git a/packages/components/src/icons/plus.tsx b/packages/components/src/icons/plus.tsx
new file mode 100644
index 0000000..4114b5c
--- /dev/null
+++ b/packages/components/src/icons/plus.tsx
@@ -0,0 +1,16 @@
+import React from 'react'
+import clsx from 'clsx'
+
+export const Plus = ({ className, fill, ...props }: Omit<React.SVGProps<SVGSVGElement>, 'xmlns' | 'viewBox'>) => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill={fill || '#ffffff'}
+      className={clsx(className || 'ui-w-6 ui-h-6 ui-aspect-square')}
+      {...props}
+    >
+      <path d="m12.5 4.625c.1989 0 .3897.07902.5303.21967.1407.14065.2197.33142.2197.53033v6.75h6.75c.1989 0 .3897.079.5303.2197.1407.1406.2197.3314.2197.5303s-.079.3897-.2197.5303c-.1406.1407-.3314.2197-.5303.2197h-6.75v6.75c0 .1989-.079.3897-.2197.5303-.1406.1407-.3314.2197-.5303.2197s-.3897-.079-.5303-.2197c-.1407-.1406-.2197-.3314-.2197-.5303v-6.75h-6.75c-.19891 0-.38968-.079-.53033-.2197-.14065-.1406-.21967-.3314-.21967-.5303s.07902-.3897.21967-.5303c.14065-.1407.33142-.2197.53033-.2197h6.75v-6.75c0-.19891.079-.38968.2197-.53033.1406-.14065.3314-.21967.5303-.21967z" />
+    </svg>
+  )
+}