feat(components): replace icons with a generic Icon component

Sizes are also predefined and can be set using the `size` prop,
so the consumers should no longer adjust the size in CSS.

1 files changed, 21 insertions, 0 deletions

diff --git a/src/components/atoms/images/icons/svg-paths/icons-paths/cross-icon-paths.tsx b/src/components/atoms/images/icons/svg-paths/icons-paths/cross-icon-paths.tsx
new file mode 100644
index 0000000..12740af
--- /dev/null
+++ b/src/components/atoms/images/icons/svg-paths/icons-paths/cross-icon-paths.tsx
@@ -0,0 +1,21 @@
+/* eslint-disable react/jsx-no-literals */
+import type { FC } from 'react';
+import styles from './cross-icon-paths.module.scss';
+
+/**
+ * CrossIconPaths
+ *
+ * Render the svg paths to make a cross icon.
+ */
+export const CrossIconPaths: FC = () => (
+  <>
+    <path
+      className={styles.lines}
+      d="m 3.6465461,3.6465455 c 2.8785908,-2.87859092 7.5134339,-2.87859092 10.3920249,0 L 96.353457,85.96143 c 2.878587,2.878591 2.878587,7.513434 0,10.392025 -2.878597,2.878591 -7.513432,2.878591 -10.392029,0 L 3.6465451,14.038571 C 0.76795421,11.15998 0.76795421,6.5251364 3.6465461,3.6465455 Z"
+    />
+    <path
+      className={styles.lines}
+      d="m 96.353453,3.646546 c 2.878592,2.8785909 2.878592,7.513435 0,10.392026 L 14.03857,96.353457 c -2.878589,2.878587 -7.5134337,2.878587 -10.3920246,0 -2.87859084,-2.878597 -2.87858985,-7.513442 -1e-6,-10.392029 L 85.961428,3.646546 c 2.878591,-2.87859097 7.513434,-2.87859097 10.392025,0 z"
+    />
+  </>
+);