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

diff --git a/src/components/atoms/images/icons/svg-paths/icons-paths/home-icon-paths.module.scss b/src/components/atoms/images/icons/svg-paths/icons-paths/home-icon-paths.module.scss
new file mode 100644
index 0000000..a8d775c
--- /dev/null
+++ b/src/components/atoms/images/icons/svg-paths/icons-paths/home-icon-paths.module.scss
@@ -0,0 +1,25 @@
+.chimney,
+.door,
+.indoor,
+.roof,
+.wall {
+  stroke: var(--color-primary-darker);
+}
+
+.door,
+.roof {
+  fill: var(--color-primary-lighter);
+}
+
+.indoor {
+  fill: var(--color-shadow-dark);
+}
+
+.chimney,
+.wall {
+  fill: var(--color-bg);
+}
+
+.lines {
+  fill: var(--color-primary-darker);
+}