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

diff --git a/src/components/atoms/images/icons/svg-paths/icons-paths/career-icon-paths.module.scss b/src/components/atoms/images/icons/svg-paths/icons-paths/career-icon-paths.module.scss
new file mode 100644
index 0000000..f93e73a
--- /dev/null
+++ b/src/components/atoms/images/icons/svg-paths/icons-paths/career-icon-paths.module.scss
@@ -0,0 +1,43 @@
+.bottom,
+.diploma,
+.lines,
+.top {
+  stroke-width: 4;
+}
+
+.bottom,
+.diploma,
+.handle,
+.lock,
+.seal,
+.top {
+  stroke: var(--color-primary-darker);
+}
+
+.bottom {
+  fill: var(--color-primary);
+}
+
+.diploma,
+.lock {
+  fill: var(--color-bg);
+}
+
+.handle,
+.seal,
+.top {
+  fill: var(--color-primary-lighter);
+}
+
+.handle,
+.lock {
+  stroke-width: 3;
+}
+
+.lines {
+  fill: var(--color-fg);
+}
+
+.seal {
+  stroke-width: 2;
+}