Merge pull request #28 from storybookjs/fix-releases

Add the X icon

src/iconList.tsx

@@ -114,6 +114,7 @@ export const iconList = [
       'YoutubeIcon',
       'VSCodeIcon',
       'LinkedinIcon',
+      'XIcon',
     ]
   },
   {

src/icons/XIcon.stories.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+
+import { XIcon } from './XIcon';
+
+const meta: Meta<typeof XIcon> = {
+  component: XIcon,
+};
+
+export default meta;
+type Story = StoryObj<typeof XIcon>;
+
+export const Default: Story = { args: { size: 100 } };

src/icons/XIcon.tsx

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { IconProps } from '../types';
+
+export const XIcon = /* @__PURE__ */ React.forwardRef<SVGSVGElement, IconProps>(
+  ({ color = 'currentColor', size = 14, ...props }, forwardedRef) => {
+    return (
+      <svg
+        width={size}
+        height={size}
+        viewBox="0 0 14 14"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        ref={forwardedRef}
+        {...props}
+      >
+        <path
+          d="M11.02.446h2.137L8.49 5.816l5.51 7.28H9.67L6.298 8.683l-3.88 4.413H.282l5.004-5.735L0 .446h4.442l3.064 4.048L11.02.446zm-.759 11.357h1.18L3.796 1.655H2.502l7.759 10.148z"
+          fill={color}
+        />
+      </svg>
+    );
+  }
+);

src/index.ts

@@ -87,6 +87,7 @@ export { TwitterIcon } from './icons/TwitterIcon';
 export { YoutubeIcon } from './icons/YoutubeIcon';
 export { VSCodeIcon } from './icons/VSCodeIcon';
 export { LinkedinIcon } from './icons/LinkedinIcon';
+export { XIcon } from './icons/XIcon';
 export { BrowserIcon } from './icons/BrowserIcon';
 export { TabletIcon } from './icons/TabletIcon';
 export { MobileIcon } from './icons/MobileIcon';