Add StopAltHollow icon

src/iconList.tsx

@@ -32,6 +32,7 @@ export const iconList = [
       'RewindIcon',
       'FastForwardIcon',
       'StopAltIcon',
+      'StopAltHollowIcon',
       'PlayHollowIcon',
       'PlayAllHollowIcon',
       'SideBySideIcon',

src/icons/StopAltHollowIcon.stories.ts

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

src/icons/StopAltHollowIcon.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { IconProps } from '../types';
+
+export const StopAltHollowIcon = /* @__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="M2.2 2.204v9.6h9.6v-9.6H2.2zm-.7-1.2a.5.5 0 00-.5.5v11a.5.5 0 00.5.5h11a.5.5 0 00.5-.5v-11a.5.5 0 00-.5-.5h-11z"
+        fill={color}
+      />
+    </svg>
+  );
+});

src/index.ts

@@ -30,6 +30,7 @@ export { PlayNextIcon } from './icons/PlayNextIcon';
 export { RewindIcon } from './icons/RewindIcon';
 export { FastForwardIcon } from './icons/FastForwardIcon';
 export { StopAltIcon } from './icons/StopAltIcon';
+export { StopAltHollowIcon } from './icons/StopAltHollowIcon';
 export { PlayHollowIcon } from './icons/PlayHollowIcon';
 export { PlayAllHollowIcon } from './icons/PlayAllHollowIcon';
 export { SideBySideIcon } from './icons/SideBySideIcon';