Merge pull request #929 from GARY121github/feature/icons/928

amitamrutiya · web-flow · commit f5efc7ece99a · 2025-02-24T09:15:21.000+05:30
feat: added new icon components
diff --git a/src/icons/CaretDown/CaretDownIcon.tsx b/src/icons/CaretDown/CaretDownIcon.tsx
@@ -0,0 +1,33 @@
+import {
+  DEFAULT_FILL_NONE,
+  DEFAULT_HEIGHT,
+  DEFAULT_STROKE,
+  DEFAULT_WIDTH
+} from '../../constants/constants';
+import { IconProps } from '../types';
+
+export const CaretDownIcon = ({
+  width = DEFAULT_WIDTH,
+  height = DEFAULT_HEIGHT,
+  fill = DEFAULT_FILL_NONE,
+  stroke = DEFAULT_STROKE,
+  ...props
+}: IconProps): JSX.Element => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 320 512"
+      width={width}
+      height={height}
+      {...props}
+    >
+      <path
+        d="M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"
+        fill={fill}
+        stroke={stroke}
+      />
+    </svg>
+  );
+};
+
+export default CaretDownIcon;
diff --git a/src/icons/CaretDown/index.ts b/src/icons/CaretDown/index.ts
@@ -0,0 +1 @@
+export { default as CaretDownIcon } from './CaretDownIcon';
diff --git a/src/icons/Database/DatabaseIcon.tsx b/src/icons/Database/DatabaseIcon.tsx
@@ -0,0 +1,33 @@
+import {
+  DEFAULT_FILL_NONE,
+  DEFAULT_HEIGHT,
+  DEFAULT_STROKE,
+  DEFAULT_WIDTH
+} from '../../constants/constants';
+import { IconProps } from '../types';
+
+export const DatabaseIcon = ({
+  width = DEFAULT_WIDTH,
+  height = DEFAULT_HEIGHT,
+  fill = DEFAULT_FILL_NONE,
+  stroke = DEFAULT_STROKE,
+  ...props
+}: IconProps): JSX.Element => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 448 512"
+      width={width}
+      height={height}
+      {...props}
+    >
+      <path
+        d="M448 80v48c0 44.2-100.3 80-224 80S0 172.2 0 128V80C0 35.8 100.3 0 224 0s224 35.8 224 80zM393.2 214.7c20.8-7.4 39.9-16.9 54.8-28.6V288c0 44.2-100.3 80-224 80S0 332.2 0 288V186.1c14.9 11.8 34 21.2 54.8 28.6C99.7 230.7 159.5 240 224 240s124.3-9.3 169.2-25.3zM0 346.1c14.9 11.8 34 21.2 54.8 28.6C99.7 390.7 159.5 400 224 400s124.3-9.3 169.2-25.3c20.8-7.4 39.9-16.9 54.8-28.6v85.9c0 44.2-100.3 80-224 80S0 476.2 0 432v-85.9z"
+        fill={fill}
+        stroke={stroke}
+      />
+    </svg>
+  );
+};
+
+export default DatabaseIcon;
diff --git a/src/icons/Database/index.ts b/src/icons/Database/index.ts
@@ -0,0 +1 @@
+export { default as DatabaseIcon } from './DatabaseIcon';
diff --git a/src/icons/File/FileIcon.tsx b/src/icons/File/FileIcon.tsx
@@ -0,0 +1,33 @@
+import {
+  DEFAULT_FILL_NONE,
+  DEFAULT_HEIGHT,
+  DEFAULT_STROKE,
+  DEFAULT_WIDTH
+} from '../../constants/constants';
+import { IconProps } from '../types';
+
+export const FileIcon = ({
+  width = DEFAULT_WIDTH,
+  height = DEFAULT_HEIGHT,
+  fill = DEFAULT_FILL_NONE,
+  stroke = DEFAULT_STROKE,
+  ...props
+}: IconProps): JSX.Element => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 384 512"
+      width={width}
+      height={height}
+      {...props}
+    >
+      <path
+        d="M64 0C28.7 0 0 28.7 0 64L0 448c0 35.3 28.7 64 64 64l256 0c35.3 0 64-28.7 64-64l0-288-128 0c-17.7 0-32-14.3-32-32L224 0 64 0zM256 0l0 128 128 0L256 0zM80 64l64 0c8.8 0 16 7.2 16 16s-7.2 16-16 16L80 96c-8.8 0-16-7.2-16-16s7.2-16 16-16zm0 64l64 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-64 0c-8.8 0-16-7.2-16-16s7.2-16 16-16zm16 96l192 0c17.7 0 32 14.3 32 32l0 64c0 17.7-14.3 32-32 32L96 352c-17.7 0-32-14.3-32-32l0-64c0-17.7 14.3-32 32-32zm0 32l0 64 192 0 0-64L96 256zM240 416l64 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-64 0c-8.8 0-16-7.2-16-16s7.2-16 16-16z"
+        fill={fill}
+        stroke={stroke}
+      />
+    </svg>
+  );
+};
+
+export default FileIcon;
diff --git a/src/icons/File/index.ts b/src/icons/File/index.ts
@@ -0,0 +1 @@
+export { default as FileIcon } from './FileIcon';
diff --git a/src/icons/Mendeley/MendeleyIcon.tsx b/src/icons/Mendeley/MendeleyIcon.tsx
@@ -0,0 +1,33 @@
+import {
+  DEFAULT_FILL_NONE,
+  DEFAULT_HEIGHT,
+  DEFAULT_STROKE,
+  DEFAULT_WIDTH
+} from '../../constants/constants';
+import { IconProps } from '../types';
+
+export const MendeleyIcon = ({
+  width = DEFAULT_WIDTH,
+  height = DEFAULT_HEIGHT,
+  fill = DEFAULT_FILL_NONE,
+  stroke = DEFAULT_STROKE,
+  ...props
+}: IconProps): JSX.Element => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 640 512"
+      width={width}
+      height={height}
+      {...props}
+    >
+      <path
+        d="M624.6 325.2c-12.3-12.4-29.7-19.2-48.4-17.2-43.3-1-49.7-34.9-37.5-98.8 22.8-57.5-14.9-131.5-87.4-130.8-77.4 .7-81.7 82-130.9 82-48.1 0-54-81.3-130.9-82-72.9-.8-110.1 73.3-87.4 130.8 12.2 63.9 5.8 97.8-37.5 98.8-21.2-2.3-37 6.5-53 22.5-19.9 19.7-19.3 94.8 42.6 102.6 47.1 5.9 81.6-42.9 61.2-87.8-47.3-103.7 185.9-106.1 146.5-8.2-.1 .1-.2 .2-.3 .4-26.8 42.8 6.8 97.4 58.8 95.2 52.1 2.1 85.4-52.6 58.8-95.2-.1-.2-.2-.3-.3-.4-39.4-97.9 193.8-95.5 146.5 8.2-4.6 10-6.7 21.3-5.7 33 4.9 53.4 68.7 74.1 104.9 35.2 17.8-14.8 23.1-65.6 0-88.3zm-303.9-19.1h-.6c-43.4 0-62.8-37.5-62.8-62.8 0-34.7 28.2-62.8 62.8-62.8h.6c34.7 0 62.8 28.1 62.8 62.8 0 25-19.2 62.8-62.8 62.8z"
+        fill={fill}
+        stroke={stroke}
+      />
+    </svg>
+  );
+};
+
+export default MendeleyIcon;
diff --git a/src/icons/Mendeley/index.ts b/src/icons/Mendeley/index.ts
@@ -0,0 +1 @@
+export { default as MendeleyIcon } from './MendeleyIcon';
diff --git a/src/icons/Poll/PollIcon.tsx b/src/icons/Poll/PollIcon.tsx
@@ -0,0 +1,33 @@
+import {
+  DEFAULT_FILL_NONE,
+  DEFAULT_HEIGHT,
+  DEFAULT_STROKE,
+  DEFAULT_WIDTH
+} from '../../constants/constants';
+import { IconProps } from '../types';
+
+export const PollIcon = ({
+  width = DEFAULT_WIDTH,
+  height = DEFAULT_HEIGHT,
+  fill = DEFAULT_FILL_NONE,
+  stroke = DEFAULT_STROKE,
+  ...props
+}: IconProps): JSX.Element => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 448 512"
+      width={width}
+      height={height}
+      {...props}
+    >
+      <path
+        d="M64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32zm64 192c17.7 0 32 14.3 32 32l0 96c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-96c0-17.7 14.3-32 32-32zm64-64c0-17.7 14.3-32 32-32s32 14.3 32 32l0 192c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-192zM320 288c17.7 0 32 14.3 32 32l0 32c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-32c0-17.7 14.3-32 32-32z"
+        fill={fill}
+        stroke={stroke}
+      />
+    </svg>
+  );
+};
+
+export default PollIcon;
diff --git a/src/icons/Poll/index.ts b/src/icons/Poll/index.ts
@@ -0,0 +1 @@
+export { default as PollIcon } from './PollIcon';
diff --git a/src/icons/TachographDigital/TachographDigitalIcon.tsx b/src/icons/TachographDigital/TachographDigitalIcon.tsx
@@ -0,0 +1,33 @@
+import {
+  DEFAULT_FILL_NONE,
+  DEFAULT_HEIGHT,
+  DEFAULT_STROKE,
+  DEFAULT_WIDTH
+} from '../../constants/constants';
+import { IconProps } from '../types';
+
+export const TachographDigitalIcon = ({
+  width = DEFAULT_WIDTH,
+  height = DEFAULT_HEIGHT,
+  fill = DEFAULT_FILL_NONE,
+  stroke = DEFAULT_STROKE,
+  ...props
+}: IconProps): JSX.Element => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 640 512"
+      width={width}
+      height={height}
+      {...props}
+    >
+      <path
+        d="M64 64C28.7 64 0 92.7 0 128L0 384c0 35.3 28.7 64 64 64l512 0c35.3 0 64-28.7 64-64l0-256c0-35.3-28.7-64-64-64L64 64zm32 64l224 0c17.7 0 32 14.3 32 32l0 64c0 17.7-14.3 32-32 32L96 256c-17.7 0-32-14.3-32-32l0-64c0-17.7 14.3-32 32-32zM64 368c0-8.8 7.2-16 16-16l256 0c8.8 0 16 7.2 16 16s-7.2 16-16 16L80 384c-8.8 0-16-7.2-16-16zm320 0c0-8.8 7.2-16 16-16l160 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-160 0c-8.8 0-16-7.2-16-16zM80 288a16 16 0 1 1 0 32 16 16 0 1 1 0-32zm48 16a16 16 0 1 1 32 0 16 16 0 1 1 -32 0zm80-16a16 16 0 1 1 0 32 16 16 0 1 1 0-32zm48 16a16 16 0 1 1 32 0 16 16 0 1 1 -32 0zm80-16a16 16 0 1 1 0 32 16 16 0 1 1 0-32z"
+        fill={fill}
+        stroke={stroke}
+      />
+    </svg>
+  );
+};
+
+export default TachographDigitalIcon;
diff --git a/src/icons/TachographDigital/index.ts b/src/icons/TachographDigital/index.ts
@@ -0,0 +1 @@
+export { default as TachographDigitalIcon } from './TachographDigitalIcon';
diff --git a/src/icons/Tachometer/TachometerIcon.tsx b/src/icons/Tachometer/TachometerIcon.tsx
@@ -0,0 +1,33 @@
+import {
+  DEFAULT_FILL_NONE,
+  DEFAULT_HEIGHT,
+  DEFAULT_STROKE,
+  DEFAULT_WIDTH
+} from '../../constants/constants';
+import { IconProps } from '../types';
+
+export const TachometerIcon = ({
+  width = DEFAULT_WIDTH,
+  height = DEFAULT_HEIGHT,
+  fill = DEFAULT_FILL_NONE,
+  stroke = DEFAULT_STROKE,
+  ...props
+}: IconProps): JSX.Element => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 576 512"
+      width={width}
+      height={height}
+      {...props}
+    >
+      <path
+        d="M288 32C128.9 32 0 160.9 0 320c0 52.8 14.3 102.3 39.1 144.8 5.6 9.6 16.3 15.2 27.4 15.2h443c11.1 0 21.8-5.6 27.4-15.2C561.8 422.3 576 372.8 576 320c0-159.1-128.9-288-288-288zm0 64c14.7 0 26.6 10.1 30.3 23.7-1.1 2.3-2.6 4.2-3.5 6.7l-9.2 27.7c-5.1 3.5-11 6-17.6 6-17.7 0-32-14.3-32-32S270.3 96 288 96zM96 384c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm48-160c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm246.8-72.4l-61.3 184C343.1 347.3 352 364.5 352 384c0 11.7-3.4 22.6-8.9 32H232.9c-5.5-9.5-8.9-20.3-8.9-32 0-33.9 26.5-61.4 59.9-63.6l61.3-184c4.2-12.6 17.7-19.5 30.4-15.2 12.6 4.2 19.4 17.8 15.2 30.4zm14.7 57.2l15.5-46.6c3.5-1.3 7.1-2.2 11.1-2.2 17.7 0 32 14.3 32 32s-14.3 32-32 32c-11.4 0-20.9-6.3-26.6-15.2zM480 384c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32z"
+        fill={fill}
+        stroke={stroke}
+      />
+    </svg>
+  );
+};
+
+export default TachometerIcon;
diff --git a/src/icons/Tachometer/index.ts b/src/icons/Tachometer/index.ts
@@ -0,0 +1 @@
+export { default as TachometerIcon } from './TachometerIcon';
diff --git a/src/icons/index.ts b/src/icons/index.ts
@@ -40,11 +40,13 @@ export * from './Mesh';
 // export { default as ModifiedApplicationFileIcon } from "./ModifiedApplicationFileIcon";
 // export { default as OriginalApplicationFileIcon } from "./OriginalApplicationFileIcon";
 export * from './Calender';
+export * from './CaretDown';
 export * from './Chain';
 export * from './Challenges';
 export * from './CheckCircle';
 export * from './ChevronLeft';
 export * from './ContentClassIcons';
+export * from './Database';
 export * from './Deployments';
 export * from './Design';
 export * from './Document';
@@ -56,6 +58,7 @@ export * from './EmptyStyle';
 export * from './Environment';
 export * from './ExternalLink';
 export * from './Feedback';
+export * from './File';
 export * from './GetStarted';
 export * from './Github';
 export * from './Google';
@@ -71,6 +74,7 @@ export * from './LeftAngledArrow';
 export * from './LeftArrow';
 export * from './Lock';
 export * from './Logout';
+export * from './Mendeley';
 export * from './Menu';
 export * from './MesheryFilter';
 export * from './MesheryOperator';
@@ -81,6 +85,7 @@ export * from './PanTool';
 export * from './Pattern';
 export * from './Person';
 export * from './Pod';
+export * from './Poll';
 export * from './Public';
 export * from './Publish';
 export * from './Question';
@@ -101,6 +106,8 @@ export * from './SocialMedial';
 export * from './Star';
 export * from './Success';
 export * from './TableView';
+export * from './TachographDigital';
+export * from './Tachometer';
 export * from './Teams';
 export * from './TerminalIcon';
 export * from './Toolkit';

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	`+export { default as CaretDownIcon } from './CaretDownIcon';`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	`+export { default as DatabaseIcon } from './DatabaseIcon';`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	`+export { default as FileIcon } from './FileIcon';`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	`+export { default as MendeleyIcon } from './MendeleyIcon';`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	`+export { default as PollIcon } from './PollIcon';`