diff --git a/client/res/icons/ngComponent.svg b/client/res/icons/ngComponent.svg
new file mode 100644
index 0000000..f475901
--- /dev/null
+++ b/client/res/icons/ngComponent.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <title>file_type_ng_component_ts</title>
+  <path d="M2.73,6.67,15.85,2V30L4.77,23.88Z" style="fill:#de3641"/>
+  <path d="M15.85,2,29.27,6.59,27.08,23.8,15.85,30Z" style="fill:#b13138"/>
+  <path d="M15.85,5.14l8.53,18.23H21.47l-1.82-4.16h-3.8V16.73h2.77L15.85,11l-2.33,5.73h2.33v2.48H12.38l-1.63,4.16H7.61Z" style="fill:#fff"/>
+</svg>
diff --git a/client/res/icons/ngComponentLight.svg b/client/res/icons/ngComponentLight.svg
new file mode 100644
index 0000000..f536f3e
--- /dev/null
+++ b/client/res/icons/ngComponentLight.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <title>file_type_ng_component_ts</title>
+  <path d="M2.73,6.67,15.85,2V30L4.77,23.88Z" style="fill:#f1a7ac; fill-opacity:0.3"/>
+  <path d="M15.85,2,29.27,6.59,27.08,23.8,15.85,30Z" style="fill:#e9afb2; fill-opacity:0.3"/>
+  <path d="M15.85,5.14l8.53,18.23H21.47l-1.82-4.16h-3.8V16.73h2.77L15.85,11l-2.33,5.73h2.33v2.48H12.38l-1.63,4.16H7.61Z" style="fill:#fff"/>
+</svg>
diff --git a/client/res/icons/ngModule.svg b/client/res/icons/ngModule.svg
new file mode 100644
index 0000000..31b1f21
--- /dev/null
+++ b/client/res/icons/ngModule.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <title>file_type_ng_module_ts</title>
+  <path d="M2.73,6.67,15.85,2V30L4.77,23.88Z" style="fill:#a2006e"/>
+  <path d="M15.85,2,29.27,6.59,27.08,23.8,15.85,30Z" style="fill:#510037"/>
+  <path d="M15.85,5.14l8.53,18.23H21.47l-1.82-4.16h-3.8V16.73h2.77L15.85,11l-2.33,5.73h2.33v2.48H12.38l-1.63,4.16H7.61Z" style="fill:#fff"/>
+</svg>
diff --git a/client/res/icons/ngModuleLight.svg b/client/res/icons/ngModuleLight.svg
new file mode 100644
index 0000000..6de42b8
--- /dev/null
+++ b/client/res/icons/ngModuleLight.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <title>file_type_ng_module_ts</title>
+  <path d="M2.73,6.67,15.85,2V30L4.77,23.88Z" style="fill:#ff99df; fill-opacity:0.3"/>
+  <path d="M15.85,2,29.27,6.59,27.08,23.8,15.85,30Z" style="fill:#ff99df; fill-opacity:0.3"/>
+  <path d="M15.85,5.14l8.53,18.23H21.47l-1.82-4.16h-3.8V16.73h2.77L15.85,11l-2.33,5.73h2.33v2.48H12.38l-1.63,4.16H7.61Z" style="fill:#fff"/>
+</svg>
diff --git a/client/res/icons/notTracked.svg b/client/res/icons/notTracked.svg
new file mode 100644
index 0000000..16509e3
--- /dev/null
+++ b/client/res/icons/notTracked.svg
@@ -0,0 +1,3 @@
+<svg width="2048px" height="2048px" viewBox="0 0 2048 2048" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <path fill="#e57769" transform="translate(0,2048) scale(1,-1)" d= "M1805 1715L1115 1024L1805 333L1715 243L1024 933L333 243L243 333L933 1024L243 1715L333 1805L1024 1115L1715 1805L1805 1715Z"></path>
+</svg>
diff --git a/client/res/icons/react.svg b/client/res/icons/react.svg
new file mode 100644
index 0000000..3a45e40
--- /dev/null
+++ b/client/res/icons/react.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <title>file_type_reactjs</title>
+  <circle cx="16" cy="15.974" r="2.5" style="fill:#00d8ff"/>
+  <path d="M16,21.706a28.385,28.385,0,0,1-8.88-1.2,11.3,11.3,0,0,1-3.657-1.958A3.543,3.543,0,0,1,2,15.974c0-1.653,1.816-3.273,4.858-4.333A28.755,28.755,0,0,1,16,10.293a28.674,28.674,0,0,1,9.022,1.324,11.376,11.376,0,0,1,3.538,1.866A3.391,3.391,0,0,1,30,15.974c0,1.718-2.03,3.459-5.3,4.541A28.8,28.8,0,0,1,16,21.706Zm0-10.217a27.948,27.948,0,0,0-8.749,1.282c-2.8.977-4.055,2.313-4.055,3.2,0,.928,1.349,2.387,4.311,3.4A27.21,27.21,0,0,0,16,20.51a27.6,27.6,0,0,0,8.325-1.13C27.4,18.361,28.8,16.9,28.8,15.974a2.327,2.327,0,0,0-1.01-1.573,10.194,10.194,0,0,0-3.161-1.654A27.462,27.462,0,0,0,16,11.489Z" style="fill:#00d8ff"/>
+  <path d="M10.32,28.443a2.639,2.639,0,0,1-1.336-.328c-1.432-.826-1.928-3.208-1.327-6.373a28.755,28.755,0,0,1,3.4-8.593h0A28.676,28.676,0,0,1,16.71,5.995a11.376,11.376,0,0,1,3.384-2.133,3.391,3.391,0,0,1,2.878,0c1.489.858,1.982,3.486,1.287,6.859a28.806,28.806,0,0,1-3.316,8.133,28.385,28.385,0,0,1-5.476,7.093,11.3,11.3,0,0,1-3.523,2.189A4.926,4.926,0,0,1,10.32,28.443Zm1.773-14.7a27.948,27.948,0,0,0-3.26,8.219c-.553,2.915-.022,4.668.75,5.114.8.463,2.742.024,5.1-2.036a27.209,27.209,0,0,0,5.227-6.79,27.6,27.6,0,0,0,3.181-7.776c.654-3.175.089-5.119-.713-5.581a2.327,2.327,0,0,0-1.868.089A10.194,10.194,0,0,0,17.5,6.9a27.464,27.464,0,0,0-5.4,6.849Z" style="fill:#00d8ff"/>
+  <path d="M21.677,28.456c-1.355,0-3.076-.82-4.868-2.361a28.756,28.756,0,0,1-5.747-7.237h0a28.676,28.676,0,0,1-3.374-8.471,11.376,11.376,0,0,1-.158-4A3.391,3.391,0,0,1,8.964,3.9c1.487-.861,4.01.024,6.585,2.31a28.8,28.8,0,0,1,5.39,6.934,28.384,28.384,0,0,1,3.41,8.287,11.3,11.3,0,0,1,.137,4.146,3.543,3.543,0,0,1-1.494,2.555A2.59,2.59,0,0,1,21.677,28.456Zm-9.58-10.2a27.949,27.949,0,0,0,5.492,6.929c2.249,1.935,4.033,2.351,4.8,1.9.8-.465,1.39-2.363.782-5.434A27.212,27.212,0,0,0,19.9,13.74,27.6,27.6,0,0,0,14.755,7.1c-2.424-2.152-4.39-2.633-5.191-2.169a2.327,2.327,0,0,0-.855,1.662,10.194,10.194,0,0,0,.153,3.565,27.465,27.465,0,0,0,3.236,8.1Z" style="fill:#00d8ff"/>
+</svg>
diff --git a/client/res/icons/reactLight.svg b/client/res/icons/reactLight.svg
new file mode 100644
index 0000000..369eaa7
--- /dev/null
+++ b/client/res/icons/reactLight.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <title>file_type_reactjs</title>
+  <circle cx="16" cy="15.974" r="2.5" style="fill:#00d8ff; opacity:0.3"/>
+  <path d="M16,21.706a28.385,28.385,0,0,1-8.88-1.2,11.3,11.3,0,0,1-3.657-1.958A3.543,3.543,0,0,1,2,15.974c0-1.653,1.816-3.273,4.858-4.333A28.755,28.755,0,0,1,16,10.293a28.674,28.674,0,0,1,9.022,1.324,11.376,11.376,0,0,1,3.538,1.866A3.391,3.391,0,0,1,30,15.974c0,1.718-2.03,3.459-5.3,4.541A28.8,28.8,0,0,1,16,21.706Zm0-10.217a27.948,27.948,0,0,0-8.749,1.282c-2.8.977-4.055,2.313-4.055,3.2,0,.928,1.349,2.387,4.311,3.4A27.21,27.21,0,0,0,16,20.51a27.6,27.6,0,0,0,8.325-1.13C27.4,18.361,28.8,16.9,28.8,15.974a2.327,2.327,0,0,0-1.01-1.573,10.194,10.194,0,0,0-3.161-1.654A27.462,27.462,0,0,0,16,11.489Z" style="fill:#00d8ff; opacity:0.3"/>
+  <path d="M10.32,28.443a2.639,2.639,0,0,1-1.336-.328c-1.432-.826-1.928-3.208-1.327-6.373a28.755,28.755,0,0,1,3.4-8.593h0A28.676,28.676,0,0,1,16.71,5.995a11.376,11.376,0,0,1,3.384-2.133,3.391,3.391,0,0,1,2.878,0c1.489.858,1.982,3.486,1.287,6.859a28.806,28.806,0,0,1-3.316,8.133,28.385,28.385,0,0,1-5.476,7.093,11.3,11.3,0,0,1-3.523,2.189A4.926,4.926,0,0,1,10.32,28.443Zm1.773-14.7a27.948,27.948,0,0,0-3.26,8.219c-.553,2.915-.022,4.668.75,5.114.8.463,2.742.024,5.1-2.036a27.209,27.209,0,0,0,5.227-6.79,27.6,27.6,0,0,0,3.181-7.776c.654-3.175.089-5.119-.713-5.581a2.327,2.327,0,0,0-1.868.089A10.194,10.194,0,0,0,17.5,6.9a27.464,27.464,0,0,0-5.4,6.849Z" style="fill:#00d8ff; opacity:0.3"/>
+  <path d="M21.677,28.456c-1.355,0-3.076-.82-4.868-2.361a28.756,28.756,0,0,1-5.747-7.237h0a28.676,28.676,0,0,1-3.374-8.471,11.376,11.376,0,0,1-.158-4A3.391,3.391,0,0,1,8.964,3.9c1.487-.861,4.01.024,6.585,2.31a28.8,28.8,0,0,1,5.39,6.934,28.384,28.384,0,0,1,3.41,8.287,11.3,11.3,0,0,1,.137,4.146,3.543,3.543,0,0,1-1.494,2.555A2.59,2.59,0,0,1,21.677,28.456Zm-9.58-10.2a27.949,27.949,0,0,0,5.492,6.929c2.249,1.935,4.033,2.351,4.8,1.9.8-.465,1.39-2.363.782-5.434A27.212,27.212,0,0,0,19.9,13.74,27.6,27.6,0,0,0,14.755,7.1c-2.424-2.152-4.39-2.633-5.191-2.169a2.327,2.327,0,0,0-.855,1.662,10.194,10.194,0,0,0,.153,3.565,27.465,27.465,0,0,0,3.236,8.1Z" style="fill:#00d8ff; opacity:0.3"/>
+</svg>
diff --git a/client/res/icons/tracked.svg b/client/res/icons/tracked.svg
new file mode 100644
index 0000000..96dda83
--- /dev/null
+++ b/client/res/icons/tracked.svg
@@ -0,0 +1,3 @@
+<svg width="2048px" height="2048px" viewBox="0 0 2048 2048" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <path fill="#6ebe8a" transform="translate(0,2048) scale(1,-1)" d= "M1747 1581L1837 1491L768 421L211 979L301 1069L768 603L1747 1581Z"></path>
+</svg>