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

diff --git a/src/components/atoms/images/icons/svg-paths/icons-paths/computer-icon-paths.module.scss b/src/components/atoms/images/icons/svg-paths/icons-paths/computer-icon-paths.module.scss
new file mode 100644
index 0000000..479b8b7
--- /dev/null
+++ b/src/components/atoms/images/icons/svg-paths/icons-paths/computer-icon-paths.module.scss
@@ -0,0 +1,37 @@
+.cursor,
+.lines,
+.root,
+.separator,
+.text {
+  fill: var(--color-fg);
+}
+
+.contour,
+.stand,
+.screen {
+  stroke: var(--color-primary-dark);
+}
+
+.contour,
+.screen {
+  stroke-width: 3;
+}
+
+.contour,
+.stand {
+  fill: var(--color-primary-lighter);
+}
+
+.screen {
+  fill: var(--color-bg);
+}
+
+.stand {
+  &--top {
+    stroke-width: 3;
+  }
+
+  &--bottom {
+    stroke-width: 2;
+  }
+}