refactor: moved Icon.tsx to primitives/Icon

src/primitives/Icon/Icon.mdx

@@ -0,0 +1,23 @@
+import { Meta, Title, Primary, Stories, Controls, Story } from "@storybook/blocks";
+import * as IconStories from "./Icon.stories";
+import { Icon } from "./Icon";
+
+# Icon
+
+<Meta of={IconStories} />
+
+The Icon component abstracts away the SVG rendering of icons accepting props for the `type`, `color`, and `size`.
+
+# Example
+
+## Default
+
+<Story of={IconStories.Default} />
+
+# Controls
+
+<Controls />
+
+# Other variations
+
+<Stories />

src/primitives/Icon.tsx → src/primitives/Icon/Icon.tsx

@@ -25,8 +25,8 @@ const iconComponents: Record<IconProps["type"], React.FC<React.SVGProps<SVGSVGEl
 
 export const Icon: React.FC<IconProps & React.SVGProps<SVGSVGElement>> = ({
   type,
-  color,
-  size,
+  color = "black",
+  size = "20px",
   className,
   ...props
 }) => {

src/primitives/Icon/index.ts

@@ -0,0 +1 @@
+export * from "./Icon";