Add 3 new icons (PlayAll, PlayHollow, Save)

src/iconList.tsx

@@ -32,6 +32,8 @@ export const iconList = [
       'RewindIcon',
       'FastForwardIcon',
       'StopAltIcon',
+      'PlayHollowIcon',
+      'PlayAllHollowIcon',
       'SideBySideIcon',
       'StackedIcon',
       'SunIcon',
@@ -181,7 +183,8 @@ export const iconList = [
       'PointerDefaultIcon',
       'PointerHandIcon',
       'CommandIcon',
-    ],
+      'SaveIcon',
+    ]
   },
   {
     name: 'Communicate',

src/icons/PlayAllHollowIcon.stories.ts

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

src/icons/PlayAllHollowIcon.tsx

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { IconProps } from '../types';
+
+export const PlayAllHollowIcon = /* @__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
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.2 10.88L11.668 7 5.2 3.12v7.76zM4 2.414v9.174a.8.8 0 001.212.686l7.645-4.587a.8.8 0 000-1.372L5.212 1.727A.8.8 0 004 2.413zM1.5 1.6a.6.6 0 01.6.6v9.6a.6.6 0 11-1.2 0V2.2a.6.6 0 01.6-.6z"
+        fill={color}
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M.963 1.932a.6.6 0 01.805-.268l1 .5a.6.6 0 01-.536 1.073l-1-.5a.6.6 0 01-.269-.805zM3.037 11.132a.6.6 0 01-.269.805l-1 .5a.6.6 0 01-.536-1.073l1-.5a.6.6 0 01.805.268z"
+        fill={color}
+      />
+    </svg>
+  );
+});

src/icons/PlayHollowIcon.stories.ts

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

src/icons/PlayHollowIcon.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { IconProps } from '../types';
+
+export const PlayHollowIcon = /* @__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
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4.2 10.88L10.668 7 4.2 3.12v7.76zM3 2.414v9.174a.8.8 0 001.212.686l7.645-4.587a.8.8 0 000-1.372L4.212 1.727A.8.8 0 003 2.413z"
+        fill={color}
+      />
+    </svg>
+  );
+});

src/icons/SaveIcon.stories.ts

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

src/icons/SaveIcon.tsx

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { IconProps } from '../types';
+
+export const SaveIcon = /* @__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.083 12.25H2.917a1.167 1.167 0 01-1.167-1.167V2.917A1.167 1.167 0 012.917 1.75h6.416l2.917 2.917v6.416a1.167 1.167 0 01-1.167 1.167z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M9.917 12.25V7.583H4.083v4.667M4.083 1.75v2.917H8.75"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+});

src/index.ts

@@ -30,6 +30,8 @@ export { PlayNextIcon } from './icons/PlayNextIcon';
 export { RewindIcon } from './icons/RewindIcon';
 export { FastForwardIcon } from './icons/FastForwardIcon';
 export { StopAltIcon } from './icons/StopAltIcon';
+export { PlayHollowIcon } from './icons/PlayHollowIcon';
+export { PlayAllHollowIcon } from './icons/PlayAllHollowIcon';
 export { SideBySideIcon } from './icons/SideBySideIcon';
 export { StackedIcon } from './icons/StackedIcon';
 export { SunIcon } from './icons/SunIcon';
@@ -144,6 +146,7 @@ export { TypeIcon } from './icons/TypeIcon';
 export { PointerDefaultIcon } from './icons/PointerDefaultIcon';
 export { PointerHandIcon } from './icons/PointerHandIcon';
 export { CommandIcon } from './icons/CommandIcon';
+export { SaveIcon } from './icons/SaveIcon';
 export { InfoIcon } from './icons/InfoIcon';
 export { QuestionIcon } from './icons/QuestionIcon';
 export { SupportIcon } from './icons/SupportIcon';