Merge branch 'main' into add-link-icon

Author: MohammadPCh

src/components/icons/Sort/Sort.tsx

@@ -0,0 +1,21 @@
+import React, { FC } from 'react';
+import { IIconProps } from '../type';
+import { IconSort16 } from './Sort16';
+import { IconSort24 } from './Sort24';
+import { IconSort32 } from './Sort32';
+
+export const IconSort: FC<IIconProps> = ({
+	size = 16,
+	color = 'currentColor',
+}) => {
+	switch (size.toString()) {
+		case '16':
+			return <IconSort16 color={color} />;
+		case '24':
+			return <IconSort24 color={color} />;
+		case '32':
+			return <IconSort32 color={color} />;
+		default:
+			return <IconSort24 size={size} color={color} />;
+	}
+};

src/components/icons/Sort/Sort16.tsx

@@ -0,0 +1,21 @@
+import React, { FC } from 'react';
+import { IIconProps } from '../type';
+
+export const IconSort16: FC<IIconProps> = ({
+	size = 16,
+	color = 'currentColor',
+}) => (
+	<svg
+		width={size}
+		height={size}
+		fill='none'
+		xmlns='http://www.w3.org/2000/svg'
+	>
+		<path
+			d='M6.57143 13V3L3 6.57143M9.42857 3V13L13 9.42857'
+			stroke={color}
+			strokeLinecap='round'
+			strokeLinejoin='round'
+		/>
+	</svg>
+);

src/components/icons/Sort/Sort24.tsx

@@ -0,0 +1,22 @@
+import React, { FC } from 'react';
+import { IIconProps } from '../type';
+
+export const IconSort24: FC<IIconProps> = ({
+	size = 24,
+	color = 'currentColor',
+}) => (
+	<svg
+		width={size}
+		height={size}
+		fill='none'
+		xmlns='http://www.w3.org/2000/svg'
+	>
+		<path
+			d='M10 19V5L5 10M14 5V19L19 14'
+			stroke={color}
+			strokeWidth='1.5'
+			strokeLinecap='round'
+			strokeLinejoin='round'
+		/>
+	</svg>
+);

src/components/icons/Sort/Sort32.tsx

@@ -0,0 +1,22 @@
+import React, { FC } from 'react';
+import { IIconProps } from '../type';
+
+export const IconSort32: FC<IIconProps> = ({
+	size = 32,
+	color = 'currentColor',
+}) => (
+	<svg
+		width={size}
+		height={size}
+		fill='none'
+		xmlns='http://www.w3.org/2000/svg'
+	>
+		<path
+			d='M13.3333 25.3333V6.66666L6.66666 13.3333M18.6667 6.66666V25.3333L25.3333 18.6667'
+			stroke={color}
+			strokeWidth='2'
+			strokeLinecap='round'
+			strokeLinejoin='round'
+		/>
+	</svg>
+);

src/components/index.ts

@@ -41,6 +41,11 @@ export * from './icons/Link/Link16';
 export * from './icons/Link/Link24';
 export * from './icons/Link/Link32';
 
+export * from './icons/Sort/Sort';
+export * from './icons/Sort/Sort16';
+export * from './icons/Sort/Sort24';
+export * from './icons/Sort/Sort32';
+
 export * from './icons/arrowCircles/ArrowCircleBottom';
 export * from './icons/arrowCircles/ArrowCircleLeft';
 export * from './icons/arrowCircles/ArrowCircleRight';