Skip to content

Commit

Permalink
Added new arrows
Browse files Browse the repository at this point in the history
  • Loading branch information
cdedreuille committed Mar 7, 2024
1 parent 875b984 commit 8de7838
Show file tree
Hide file tree
Showing 10 changed files with 152 additions and 0 deletions.
4 changes: 4 additions & 0 deletions src/iconList.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -236,6 +236,10 @@ export const iconList = [
'ArrowDownIcon',
'ArrowLeftIcon',
'ArrowRightIcon',
'ArrowTopLeftIcon',
'ArrowTopRightIcon',
'ArrowBottomLeftIcon',
'ArrowBottomRightIcon',
'ArrowSolidUpIcon',
'ArrowSolidDownIcon',
'ArrowSolidLeftIcon',
Expand Down
12 changes: 12 additions & 0 deletions src/icons/ArrowBottomLeftIcon.stories.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
import type { Meta, StoryObj } from '@storybook/react';

import { ArrowBottomLeftIcon } from './ArrowBottomLeftIcon';

const meta: Meta<typeof ArrowBottomLeftIcon> = {
component: ArrowBottomLeftIcon,
};

export default meta;
type Story = StoryObj<typeof ArrowBottomLeftIcon>;

export const Default: Story = { args: { size: 100 } };
24 changes: 24 additions & 0 deletions src/icons/ArrowBottomLeftIcon.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
import * as React from 'react';
import { IconProps } from '../types';

export const ArrowBottomLeftIcon = /* @__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="M1.904 5.232v6.364a.5.5 0 00.5.5h6.364a.5.5 0 000-1H3.61l8.339-8.339a.5.5 0 00-.707-.707l-8.34 8.34V5.231a.5.5 0 00-1 0z"
fill={color}
/>
</svg>
);
});
12 changes: 12 additions & 0 deletions src/icons/ArrowBottomRightIcon.stories.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
import type { Meta, StoryObj } from '@storybook/react';

import { ArrowBottomRightIcon } from './ArrowBottomRightIcon';

const meta: Meta<typeof ArrowBottomRightIcon> = {
component: ArrowBottomRightIcon,
};

export default meta;
type Story = StoryObj<typeof ArrowBottomRightIcon>;

export const Default: Story = { args: { size: 100 } };
24 changes: 24 additions & 0 deletions src/icons/ArrowBottomRightIcon.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
import * as React from 'react';
import { IconProps } from '../types';

export const ArrowBottomRightIcon = /* @__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="M12.096 5.232v6.364a.5.5 0 01-.5.5H5.232a.5.5 0 010-1h5.157L2.05 2.757a.5.5 0 01.707-.707l8.34 8.34V5.231a.5.5 0 111 0z"
fill={color}
/>
</svg>
);
});
12 changes: 12 additions & 0 deletions src/icons/ArrowTopLeftIcon.stories.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
import type { Meta, StoryObj } from '@storybook/react';

import { ArrowTopLeftIcon } from './ArrowTopLeftIcon';

const meta: Meta<typeof ArrowTopLeftIcon> = {
component: ArrowTopLeftIcon,
};

export default meta;
type Story = StoryObj<typeof ArrowTopLeftIcon>;

export const Default: Story = { args: { size: 100 } };
24 changes: 24 additions & 0 deletions src/icons/ArrowTopLeftIcon.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
import * as React from 'react';
import { IconProps } from '../types';

export const ArrowTopLeftIcon = /* @__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="M1.904 8.768V2.404a.5.5 0 01.5-.5h6.364a.5.5 0 110 1H3.61l8.339 8.339a.5.5 0 01-.707.707l-8.34-8.34v5.158a.5.5 0 01-1 0z"
fill={color}
/>
</svg>
);
});
12 changes: 12 additions & 0 deletions src/icons/ArrowTopRightIcon.stories.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
import type { Meta, StoryObj } from '@storybook/react';

import { ArrowTopRightIcon } from './ArrowTopRightIcon';

const meta: Meta<typeof ArrowTopRightIcon> = {
component: ArrowTopRightIcon,
};

export default meta;
type Story = StoryObj<typeof ArrowTopRightIcon>;

export const Default: Story = { args: { size: 100 } };
24 changes: 24 additions & 0 deletions src/icons/ArrowTopRightIcon.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
import * as React from 'react';
import { IconProps } from '../types';

export const ArrowTopRightIcon = /* @__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="M12.096 8.768V2.404a.5.5 0 00-.5-.5H5.232a.5.5 0 100 1h5.157L2.05 11.243a.5.5 0 10.707.707l8.34-8.34v5.158a.5.5 0 101 0z"
fill={color}
/>
</svg>
);
});
4 changes: 4 additions & 0 deletions src/index.ts
Original file line number Diff line number Diff line change
Expand Up @@ -189,6 +189,10 @@ export { ArrowUpIcon } from './icons/ArrowUpIcon';
export { ArrowDownIcon } from './icons/ArrowDownIcon';
export { ArrowLeftIcon } from './icons/ArrowLeftIcon';
export { ArrowRightIcon } from './icons/ArrowRightIcon';
export { ArrowTopLeftIcon } from './icons/ArrowTopLeftIcon';
export { ArrowTopRightIcon } from './icons/ArrowTopRightIcon';
export { ArrowBottomLeftIcon } from './icons/ArrowBottomLeftIcon';
export { ArrowBottomRightIcon } from './icons/ArrowBottomRightIcon';
export { ArrowSolidUpIcon } from './icons/ArrowSolidUpIcon';
export { ArrowSolidDownIcon } from './icons/ArrowSolidDownIcon';
export { ArrowSolidLeftIcon } from './icons/ArrowSolidLeftIcon';
Expand Down

0 comments on commit 8de7838

Please sign in to comment.