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, 11 insertions, 0 deletions

diff --git a/src/components/atoms/images/icons/svg-paths/icons-paths/moon-icon-paths.tsx b/src/components/atoms/images/icons/svg-paths/icons-paths/moon-icon-paths.tsx
new file mode 100644
index 0000000..35025ef
--- /dev/null
+++ b/src/components/atoms/images/icons/svg-paths/icons-paths/moon-icon-paths.tsx
@@ -0,0 +1,11 @@
+/* eslint-disable react/jsx-no-literals */
+import type { FC } from 'react';
+
+/**
+ * MoonIconPaths
+ *
+ * Render the svg paths to make a moon icon.
+ */
+export const MoonIconPaths: FC = () => (
+  <path d="M 51.077315,1.9893942 A 43.319985,43.319985 0 0 1 72.840039,39.563145 43.319985,43.319985 0 0 1 29.520053,82.88313 43.319985,43.319985 0 0 1 5.4309911,75.569042 48.132997,48.132997 0 0 0 46.126047,98 48.132997,48.132997 0 0 0 94.260004,49.867002 48.132997,48.132997 0 0 0 51.077315,1.9893942 Z" />
+);