From 3ff6d32cd08380cfef7dd3896b92f739b796278f Mon Sep 17 00:00:00 2001
From: Rushabh Sojitra <rushabh.sojitra@ibm.com>
Date: Thu, 13 Feb 2025 22:02:14 +0530
Subject: [PATCH] 229 icons for resources and grouped regions (#230)

* Icons for resources and grouped regions

Signed-off-by: Rajat Sahrawat <rajat.sahrawat@ibm.com>

* Updated icons for Library and web resources

Signed-off-by: Rushabh Sojitra <Rushabh.Sojitra@ibm.com>

* updated changelog

Signed-off-by: Rushabh Sojitra <Rushabh.Sojitra@ibm.com>

* Refined grouped region icons

Signed-off-by: Rajat Sahrawat <rajat.sahrawat@ibm.com>

* Updated as some icons not visible on linux

Signed-off-by: enam-khan <enam.khan@uk.ibm.com>

* updated icon for libraryTree

Signed-off-by: Rushabh Sojitra <Rushabh.Sojitra@ibm.com>

* Updated changelog

Signed-off-by: Rushabh Sojitra <Rushabh.Sojitra@ibm.com>

* prevent changing library icon on collapse event

Signed-off-by: Andrew Twydell <andrew.twydell@ibm.com>

---------

Signed-off-by: Rajat Sahrawat <rajat.sahrawat@ibm.com>
Signed-off-by: Rushabh Sojitra <Rushabh.Sojitra@ibm.com>
Signed-off-by: enam-khan <enam.khan@uk.ibm.com>
Signed-off-by: Andrew Twydell <andrew.twydell@ibm.com>
Co-authored-by: Rajat Sahrawat <rajat.sahrawat@ibm.com>
Co-authored-by: enam-khan <enam.khan@uk.ibm.com>
Co-authored-by: Andrew Twydell <andrew.twydell@ibm.com>
---
 packages/vsce/CHANGELOG.md                    |  4 ++++
 .../imgs/grouped-region-closed-dark.svg       | 15 ++++++++++++++
 .../imgs/grouped-region-closed-light.svg      | 15 ++++++++++++++
 .../imgs/grouped-region-open-dark.svg         | 15 ++++++++++++++
 .../imgs/grouped-region-open-light.svg        | 15 ++++++++++++++
 packages/vsce/resources/imgs/library-dark.svg | 19 +++++++++++-------
 .../resources/imgs/library-dataset-dark.svg   | 13 ++++++++++++
 .../resources/imgs/library-dataset-light.svg  | 13 ++++++++++++
 .../vsce/resources/imgs/library-light.svg     | 20 +++++++++++--------
 .../vsce/resources/imgs/pipeline-dark.svg     | 11 ++++++++++
 .../vsce/resources/imgs/pipeline-light.svg    | 11 ++++++++++
 .../resources/imgs/tcp-ip-service-dark.svg    |  7 +++++++
 .../resources/imgs/tcp-ip-service-light.svg   | 14 +++++++++++++
 packages/vsce/resources/imgs/uri-map-dark.svg | 16 +++++++++++++++
 .../vsce/resources/imgs/uri-map-light.svg     | 12 +++++++++++
 .../vsce/resources/imgs/web-services-dark.svg | 13 ++++++++++++
 .../resources/imgs/web-services-light.svg     | 13 ++++++++++++
 packages/vsce/src/extension.ts                |  7 +++----
 .../trees/treeItems/CICSLibraryDatasets.ts    |  2 +-
 .../trees/treeItems/CICSLibraryTreeItem.ts    |  6 ++----
 .../web/treeItems/CICSPipelineTreeItem.ts     |  2 +-
 .../web/treeItems/CICSTCPIPServiceTreeItem.ts |  2 +-
 .../web/treeItems/CICSURIMapTreeItem.ts       |  2 +-
 .../web/treeItems/CICSWebServiceTreeItem.ts   |  2 +-
 24 files changed, 221 insertions(+), 28 deletions(-)
 create mode 100644 packages/vsce/resources/imgs/grouped-region-closed-dark.svg
 create mode 100644 packages/vsce/resources/imgs/grouped-region-closed-light.svg
 create mode 100644 packages/vsce/resources/imgs/grouped-region-open-dark.svg
 create mode 100644 packages/vsce/resources/imgs/grouped-region-open-light.svg
 create mode 100644 packages/vsce/resources/imgs/library-dataset-dark.svg
 create mode 100644 packages/vsce/resources/imgs/library-dataset-light.svg
 create mode 100644 packages/vsce/resources/imgs/pipeline-dark.svg
 create mode 100644 packages/vsce/resources/imgs/pipeline-light.svg
 create mode 100644 packages/vsce/resources/imgs/tcp-ip-service-dark.svg
 create mode 100644 packages/vsce/resources/imgs/tcp-ip-service-light.svg
 create mode 100644 packages/vsce/resources/imgs/uri-map-dark.svg
 create mode 100644 packages/vsce/resources/imgs/uri-map-light.svg
 create mode 100644 packages/vsce/resources/imgs/web-services-dark.svg
 create mode 100644 packages/vsce/resources/imgs/web-services-light.svg

diff --git a/packages/vsce/CHANGELOG.md b/packages/vsce/CHANGELOG.md
index b3f205b8..ae313300 100644
--- a/packages/vsce/CHANGELOG.md
+++ b/packages/vsce/CHANGELOG.md
@@ -2,6 +2,10 @@
 
 All notable changes to the "cics-extension-for-zowe" extension will be documented in this file.
 
+## Recent Changes
+
+- Enhancement: Create icons for library and Web resources. [#229](https://github.com/zowe/cics-for-zowe-client/issues/229)
+
 ## `3.3.3`
 - BugFix: Duplicate CICSplex exist when connecting to a multi-CMAS system. [#227](https://github.com/zowe/cics-for-zowe-client/issues/227)
 - Enhancement: Show CMCI error response codes when failing to make requests. [#220](https://github.com/zowe/cics-for-zowe-client/issues/220)
diff --git a/packages/vsce/resources/imgs/grouped-region-closed-dark.svg b/packages/vsce/resources/imgs/grouped-region-closed-dark.svg
new file mode 100644
index 00000000..5c9ece5e
--- /dev/null
+++ b/packages/vsce/resources/imgs/grouped-region-closed-dark.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #1e1e1e;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="M13.35,4.32h-4.8l-1.1-1.23H2.65c-.25.26-.4.4-.65.65v4.55l1.22-1.22v-2.74h3.68l.72.81.93.41h4.23v6.14h-2.74l-1.23,1.23h4.55c.25-.26.4-.4.65-.65v-7.29c-.25-.26-.4-.4-.65-.65Z"/>
+  <g>
+    <path class="cls-1" d="M5,8.97l2.03,2.03-2.03,2.03-2.03-2.03,2.03-2.03h0ZM5,8l-3,3,3,3,3-3-3-3h0Z"/>
+    <path class="cls-1" d="M5,14.18l-3.18-3.18,3.18-3.18,3.18,3.18-3.18,3.18ZM2.18,11l2.82,2.82,2.82-2.82-2.82-2.82-2.82,2.82ZM5,13.2l-2.2-2.2,2.2-2.2,2.2,2.2-2.2,2.2ZM3.15,11l1.85,1.85,1.85-1.85-1.85-1.85-1.85,1.85Z"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/packages/vsce/resources/imgs/grouped-region-closed-light.svg b/packages/vsce/resources/imgs/grouped-region-closed-light.svg
new file mode 100644
index 00000000..a6c49593
--- /dev/null
+++ b/packages/vsce/resources/imgs/grouped-region-closed-light.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #f3f3f3;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="M13.35,4.32h-4.8l-1.1-1.23H2.65c-.25.26-.4.4-.65.65v4.55l1.22-1.22v-2.74h3.68l.72.81.93.41h4.23v6.14h-2.74l-1.23,1.23h4.55c.25-.26.4-.4.65-.65v-7.29c-.25-.26-.4-.4-.65-.65Z"/>
+  <g>
+    <path class="cls-1" d="M5,8.97l2.03,2.03-2.03,2.03-2.03-2.03,2.03-2.03h0ZM5,8l-3,3,3,3,3-3-3-3h0Z"/>
+    <path class="cls-1" d="M5,14.18l-3.18-3.18,3.18-3.18,3.18,3.18-3.18,3.18ZM2.18,11l2.82,2.82,2.82-2.82-2.82-2.82-2.82,2.82ZM5,13.2l-2.2-2.2,2.2-2.2,2.2,2.2-2.2,2.2ZM3.15,11l1.85,1.85,1.85-1.85-1.85-1.85-1.85,1.85Z"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/packages/vsce/resources/imgs/grouped-region-open-dark.svg b/packages/vsce/resources/imgs/grouped-region-open-dark.svg
new file mode 100644
index 00000000..e844af2d
--- /dev/null
+++ b/packages/vsce/resources/imgs/grouped-region-open-dark.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #1e1e1e;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="M14.13,6.69h-1.51v-1.5c-.24-.24-.37-.37-.61-.61h-4.45l-1.01-1.14H2.11c-.24.24-.37.37-.61.61v5.03l1.14-1.14v-3.36h3.41l.67.75.85.39h3.92v.96h-3.35l-.26.11-.63.62h-.92l1.15,1.15h.29l.68-.79h4.82l-.7,1.61-.89,2.25h-1.91l-.91.91h3.35l.36-.28,1.93-5.12-.37-.45Z"/>
+  <g>
+    <path class="cls-1" d="M5,8.97l2.03,2.03-2.03,2.03-2.03-2.03,2.03-2.03h0ZM5,8l-3,3,3,3,3-3-3-3h0Z"/>
+    <path class="cls-1" d="M5,14.18l-3.18-3.18,3.18-3.18,3.18,3.18-3.18,3.18ZM2.18,11l2.82,2.82,2.82-2.82-2.82-2.82-2.82,2.82ZM5,13.2l-2.2-2.2,2.2-2.2,2.2,2.2-2.2,2.2ZM3.15,11l1.85,1.85,1.85-1.85-1.85-1.85-1.85,1.85Z"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/packages/vsce/resources/imgs/grouped-region-open-light.svg b/packages/vsce/resources/imgs/grouped-region-open-light.svg
new file mode 100644
index 00000000..92f893bf
--- /dev/null
+++ b/packages/vsce/resources/imgs/grouped-region-open-light.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #f3f3f3;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="M14.13,6.69h-1.51v-1.5c-.24-.24-.37-.37-.61-.61h-4.45l-1.01-1.14H2.11c-.24.24-.37.37-.61.61v5.03l1.14-1.14v-3.36h3.41l.67.75.85.39h3.92v.96h-3.35l-.26.11-.63.62h-.92l1.15,1.15h.29l.68-.79h4.82l-.7,1.61-.89,2.25h-1.91l-.91.91h3.35l.36-.28,1.93-5.12-.37-.45Z"/>
+  <g>
+    <path class="cls-1" d="M5,8.97l2.03,2.03-2.03,2.03-2.03-2.03,2.03-2.03h0ZM5,8l-3,3,3,3,3-3-3-3h0Z"/>
+    <path class="cls-1" d="M5,14.18l-3.18-3.18,3.18-3.18,3.18,3.18-3.18,3.18ZM2.18,11l2.82,2.82,2.82-2.82-2.82-2.82-2.82,2.82ZM5,13.2l-2.2-2.2,2.2-2.2,2.2,2.2-2.2,2.2ZM3.15,11l1.85,1.85,1.85-1.85-1.85-1.85-1.85,1.85Z"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/packages/vsce/resources/imgs/library-dark.svg b/packages/vsce/resources/imgs/library-dark.svg
index da32557f..4ec13ba7 100644
--- a/packages/vsce/resources/imgs/library-dark.svg
+++ b/packages/vsce/resources/imgs/library-dark.svg
@@ -1,8 +1,13 @@
-<?xml version="1.0" standalone="yes"?><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="cogs" class="svg-inline--fa fa-cogs fa-w-20" role="img" viewBox="0 0 640 700" style="zoom: 1;">
-
-<rect fill-opacity="10%" x="110" y="30" width="440" height="590" stroke="#313131" stroke-width="60" rx="40" ry="40"/>
-
-  <rect x="240" y="220" width="180" height="220" stroke="#000000" stroke-width="20"
-  fill="#ffffcc" rx="20" ry="20" />
-
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #1f1f1f;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="M14,13.5H4v-3h10v3ZM5,12.5h8v-1H5v1Z"/>
+  <path class="cls-1" d="M11.5,10H1.5v-3h10v3ZM2.5,9h8v-1H2.5v1Z"/>
+  <path class="cls-1" d="M14.5,6.5H4.5v-3h10v3ZM5.5,5.5h8v-1H5.5v1Z"/>
 </svg>
\ No newline at end of file
diff --git a/packages/vsce/resources/imgs/library-dataset-dark.svg b/packages/vsce/resources/imgs/library-dataset-dark.svg
new file mode 100644
index 00000000..9f6829e0
--- /dev/null
+++ b/packages/vsce/resources/imgs/library-dataset-dark.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #1f1f1f;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="M14,13.5H4v-3h10v3ZM5,12.5h8v-1H5v1Z"/>
+  <path class="cls-1" d="M11.5,10H1.5v-3h10v3ZM2.5,9h8v-1H2.5v1Z"/>
+  <path class="cls-1" d="M15.02,4.63l-2.78-2.87-.33-.13h-4.31l-.45.45v2.92h.91v-2.46h3.03v2.48c0,.23.17.42.41.44.01.01.03.01.05.01h2.69v3.03s.9,0,.9,0v-3.55s-.12-.32-.12-.32ZM12,4.56v-1.73l1.69,1.73h-1.69Z"/>
+</svg>
\ No newline at end of file
diff --git a/packages/vsce/resources/imgs/library-dataset-light.svg b/packages/vsce/resources/imgs/library-dataset-light.svg
new file mode 100644
index 00000000..abae6d71
--- /dev/null
+++ b/packages/vsce/resources/imgs/library-dataset-light.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #f3f3f4;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="M14,13.5H4v-3h10v3ZM5,12.5h8v-1H5v1Z"/>
+  <path class="cls-1" d="M11.5,10H1.5v-3h10v3ZM2.5,9h8v-1H2.5v1Z"/>
+  <path class="cls-1" d="M15.02,4.63l-2.78-2.87-.33-.13h-4.31l-.45.45v2.92h.91v-2.46h3.03v2.48c0,.23.17.42.41.44.01.01.03.01.05.01h2.69v3.03s.9,0,.9,0v-3.55s-.12-.32-.12-.32ZM12,4.56v-1.73l1.69,1.73h-1.69Z"/>
+</svg>
\ No newline at end of file
diff --git a/packages/vsce/resources/imgs/library-light.svg b/packages/vsce/resources/imgs/library-light.svg
index 26f7fabb..05e471cf 100644
--- a/packages/vsce/resources/imgs/library-light.svg
+++ b/packages/vsce/resources/imgs/library-light.svg
@@ -1,9 +1,13 @@
-<?xml version="1.0" standalone="yes"?><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="cogs" class="svg-inline--fa fa-cogs fa-w-20" role="img" viewBox="0 0 640 700" style="zoom: 1;">
-
-<rect fill="#666666" x="110" y="30" width="440" height="590" stroke="#cccccc" stroke-width="60" rx="40" ry="40"/>
-
-  <rect x="240" y="220" width="180" height="220" stroke="#ffffff" stroke-width="20"
-  fill="#ccccff" rx="20" ry="20" />
-
-
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #f3f3f4;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="M14,13.5H4v-3h10v3ZM5,12.5h8v-1H5v1Z"/>
+  <path class="cls-1" d="M11.5,10H1.5v-3h10v3ZM2.5,9h8v-1H2.5v1Z"/>
+  <path class="cls-1" d="M14.5,6.5H4.5v-3h10v3ZM5.5,5.5h8v-1H5.5v1Z"/>
 </svg>
\ No newline at end of file
diff --git a/packages/vsce/resources/imgs/pipeline-dark.svg b/packages/vsce/resources/imgs/pipeline-dark.svg
new file mode 100644
index 00000000..d44b8d69
--- /dev/null
+++ b/packages/vsce/resources/imgs/pipeline-dark.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #1f1f1f;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="M11.79,4.5v.86h-7.58v-.86H1.5v7h2.71v-.86h7.58v.86h2.71v-7h-2.71ZM3.21,10.5h-.71v-5h.71v5ZM11.79,9.64h-7.58v-3.28h7.58v3.28ZM13.5,10.5h-.71v-5h.71v5Z"/>
+</svg>
\ No newline at end of file
diff --git a/packages/vsce/resources/imgs/pipeline-light.svg b/packages/vsce/resources/imgs/pipeline-light.svg
new file mode 100644
index 00000000..40b7444e
--- /dev/null
+++ b/packages/vsce/resources/imgs/pipeline-light.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #f3f3f4;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="M11.79,4.5v.86h-7.58v-.86H1.5v7h2.71v-.86h7.58v.86h2.71v-7h-2.71ZM3.21,10.5h-.71v-5h.71v5ZM11.79,9.64h-7.58v-3.28h7.58v3.28ZM13.5,10.5h-.71v-5h.71v5Z"/>
+</svg>
\ No newline at end of file
diff --git a/packages/vsce/resources/imgs/tcp-ip-service-dark.svg b/packages/vsce/resources/imgs/tcp-ip-service-dark.svg
new file mode 100644
index 00000000..aff71d0b
--- /dev/null
+++ b/packages/vsce/resources/imgs/tcp-ip-service-dark.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <polygon points="6.51 13.5 3.87 13.5 3.87 9.5 4.87 9.5 4.87 12.5 6.51 12.5 6.51 13.5"/>
+  <polygon points="13.13 9 12.13 9 12.13 4.26 9.78 4.26 9.78 3.26 13.13 3.26 13.13 9"/>
+  <polygon points="8.21 5.61 6.14 7.68 5.44 6.97 6.29 6.11 2.67 6.11 2.67 5.11 6.29 5.11 5.44 4.26 6.15 3.56 8.21 5.61"/>
+  <polygon points="13.5 12.12 9.88 12.12 10.73 12.97 10.02 13.68 7.96 11.62 10.03 9.56 10.73 10.26 9.88 11.12 13.5 11.12 13.5 12.12"/>
+</svg>
\ No newline at end of file
diff --git a/packages/vsce/resources/imgs/tcp-ip-service-light.svg b/packages/vsce/resources/imgs/tcp-ip-service-light.svg
new file mode 100644
index 00000000..22705c81
--- /dev/null
+++ b/packages/vsce/resources/imgs/tcp-ip-service-light.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #f3f3f4;
+      }
+    </style>
+  </defs>
+  <polygon class="cls-1" points="6.51 13.5 3.87 13.5 3.87 9.5 4.87 9.5 4.87 12.5 6.51 12.5 6.51 13.5"/>
+  <polygon class="cls-1" points="13.13 9 12.13 9 12.13 4.26 9.78 4.26 9.78 3.26 13.13 3.26 13.13 9"/>
+  <polygon class="cls-1" points="8.21 5.61 6.14 7.68 5.44 6.97 6.29 6.11 2.67 6.11 2.67 5.11 6.29 5.11 5.44 4.26 6.15 3.56 8.21 5.61"/>
+  <polygon class="cls-1" points="13.5 12.12 9.88 12.12 10.73 12.97 10.02 13.68 7.96 11.62 10.03 9.56 10.73 10.26 9.88 11.12 13.5 11.12 13.5 12.12"/>
+</svg>
\ No newline at end of file
diff --git a/packages/vsce/resources/imgs/uri-map-dark.svg b/packages/vsce/resources/imgs/uri-map-dark.svg
new file mode 100644
index 00000000..71d15508
--- /dev/null
+++ b/packages/vsce/resources/imgs/uri-map-dark.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #1e1e1f;
+      }
+
+      .cls-2 {
+        fill: #1f1f1f;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="M8.77,3.13l.03.31.07.7.13,1.28c.25.48.47.96.62,1.45.1.33.17.66.19,1,.02.11.02.22.02.33,0,.4-.02.79-.07,1.17H3.06c0,.06.01.11.02.16.42,2.52,2.56,4.46,5.16,4.58.08.01.17.01.26.01.08,0,.16,0,.24-.01,2.92-.12,5.26-2.54,5.26-5.49s-2.32-5.35-5.23-5.49ZM9.46,4.23c1.44.31,2.62,1.31,3.19,2.64h-1.99c-.24-.92-.68-1.8-1.2-2.64ZM4.35,10.37h2.17c.18.91.52,1.8,1,2.64-1.43-.32-2.61-1.32-3.17-2.64ZM8.52,12.74c-.46-.76-.79-1.55-.98-2.37h2.02c-.21.85-.56,1.64-1.04,2.37ZM9.53,13c.5-.81.86-1.69,1.06-2.63h2.06c-.56,1.31-1.71,2.3-3.12,2.63ZM10.76,9.37c.05-.38.07-.77.07-1.17,0-.11,0-.22-.01-.33h2.11c.05.24.07.49.07.75s-.02.51-.07.75h-2.17Z"/>
+  <polygon class="cls-2" points="7.51 7.34 2 6.8 2.1 5.8 6.39 6.23 5.96 1.97 6.96 1.88 7.51 7.34"/>
+</svg>
\ No newline at end of file
diff --git a/packages/vsce/resources/imgs/uri-map-light.svg b/packages/vsce/resources/imgs/uri-map-light.svg
new file mode 100644
index 00000000..20682cba
--- /dev/null
+++ b/packages/vsce/resources/imgs/uri-map-light.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #f3f3f4;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="M8.77,3.13l.03.31.07.7.13,1.28c.25.48.47.96.62,1.45.1.33.17.66.19,1,.02.11.02.22.02.33,0,.4-.02.79-.07,1.17H3.06c0,.06.01.11.02.16.42,2.52,2.56,4.46,5.16,4.58.08.01.17.01.26.01.08,0,.16,0,.24-.01,2.92-.12,5.26-2.54,5.26-5.49s-2.32-5.35-5.23-5.49ZM9.46,4.23c1.44.31,2.62,1.31,3.19,2.64h-1.99c-.24-.92-.68-1.8-1.2-2.64ZM4.35,10.37h2.17c.18.91.52,1.8,1,2.64-1.43-.32-2.61-1.32-3.17-2.64ZM8.52,12.74c-.46-.76-.79-1.55-.98-2.37h2.02c-.21.85-.56,1.64-1.04,2.37ZM9.53,13c.5-.81.86-1.69,1.06-2.63h2.06c-.56,1.31-1.71,2.3-3.12,2.63ZM10.76,9.37c.05-.38.07-.77.07-1.17,0-.11,0-.22-.01-.33h2.11c.05.24.07.49.07.75s-.02.51-.07.75h-2.17Z"/>
+  <polygon class="cls-1" points="7.51 7.34 2 6.8 2.1 5.8 6.39 6.23 5.96 1.97 6.96 1.88 7.51 7.34"/>
+</svg>
\ No newline at end of file
diff --git a/packages/vsce/resources/imgs/web-services-dark.svg b/packages/vsce/resources/imgs/web-services-dark.svg
new file mode 100644
index 00000000..6cf3755e
--- /dev/null
+++ b/packages/vsce/resources/imgs/web-services-dark.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #1f1f1f;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="M13.11,11c.98-.98,1.59-2.33,1.59-3.82,0-2.98-2.42-5.4-5.4-5.4S3.94,4.16,3.9,7.1h1c0-.22.02-.44.06-.65h2.16c-.03.22-.04.43-.04.65h1c0-.22.01-.44.04-.65h2.38c.02.1.02.21.02.32s0,.22-.01.33h1c.01-.11.01-.22.01-.33s0-.21-.01-.32h2.13c.04.24.06.48.06.73,0,.8-.21,1.55-.59,2.19v1.63ZM7.27,5.45h-2.02c.54-1.25,1.64-2.2,2.98-2.53-.46.81-.78,1.66-.96,2.53ZM8.29,5.45c.18-.77.49-1.52.93-2.24.45.73.85,1.48,1.08,2.24h-2.01ZM11.34,5.45c-.23-.89-.66-1.75-1.16-2.58,1.44.29,2.61,1.28,3.17,2.58h-2.01Z"/>
+  <path class="cls-1" d="M11.3,14.22H1.3v-5.12h10v5.12ZM2.3,13.22h8v-3.12H2.3v3.12Z"/>
+  <rect class="cls-1" x="3.71" y="11.16" width="5.18" height="1"/>
+</svg>
\ No newline at end of file
diff --git a/packages/vsce/resources/imgs/web-services-light.svg b/packages/vsce/resources/imgs/web-services-light.svg
new file mode 100644
index 00000000..82d68ef8
--- /dev/null
+++ b/packages/vsce/resources/imgs/web-services-light.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #f3f3f4;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="M13.11,11c.98-.98,1.59-2.33,1.59-3.82,0-2.98-2.42-5.4-5.4-5.4S3.94,4.16,3.9,7.1h1c0-.22.02-.44.06-.65h2.16c-.03.22-.04.43-.04.65h1c0-.22.01-.44.04-.65h2.38c.02.1.02.21.02.32s0,.22-.01.33h1c.01-.11.01-.22.01-.33s0-.21-.01-.32h2.13c.04.24.06.48.06.73,0,.8-.21,1.55-.59,2.19v1.63ZM7.27,5.45h-2.02c.54-1.25,1.64-2.2,2.98-2.53-.46.81-.78,1.66-.96,2.53ZM8.29,5.45c.18-.77.49-1.52.93-2.24.45.73.85,1.48,1.08,2.24h-2.01ZM11.34,5.45c-.23-.89-.66-1.75-1.16-2.58,1.44.29,2.61,1.28,3.17,2.58h-2.01Z"/>
+  <path class="cls-1" d="M11.3,14.22H1.3v-5.12h10v5.12ZM2.3,13.22h8v-3.12H2.3v3.12Z"/>
+  <rect class="cls-1" x="3.71" y="11.16" width="5.18" height="1"/>
+</svg>
\ No newline at end of file
diff --git a/packages/vsce/src/extension.ts b/packages/vsce/src/extension.ts
index 1bc85d47..81e401b7 100644
--- a/packages/vsce/src/extension.ts
+++ b/packages/vsce/src/extension.ts
@@ -56,7 +56,7 @@ export async function activate(context: ExtensionContext) {
   } else {
     window.showErrorMessage(
       "Zowe Explorer was not found: either it is not installed or you are using an older version without extensibility API. " +
-        "Please ensure Zowe Explorer v2.0.0-next.202202221200 or higher is installed",
+      "Please ensure Zowe Explorer v2.0.0-next.202202221200 or higher is installed",
     );
     return;
   }
@@ -90,7 +90,7 @@ export async function activate(context: ExtensionContext) {
     );
   };
 
-  const contextMap: { [key: string]: (node: any) => Promise<void> | void } = {
+  const contextMap: { [key: string]: (node: any) => Promise<void> | void; } = {
     cicscombinedprogramtree: expandCombinedTree,
     cicscombinedtransactiontree: expandCombinedTree,
     cicscombinedlocalfiletree: expandCombinedTree,
@@ -161,7 +161,6 @@ export async function activate(context: ExtensionContext) {
       "cicstreelocalfile.",
       "cicstreetask.",
       "cicstreelibrary.",
-      "cicslibrary.",
       "cicstreeweb.",
       "cicstreetcpips.",
       "cicstreepipeline.",
@@ -177,4 +176,4 @@ export async function activate(context: ExtensionContext) {
   });
 
   context.subscriptions.concat(getCommands(treeDataProv, treeview));
-}
\ No newline at end of file
+}
diff --git a/packages/vsce/src/trees/treeItems/CICSLibraryDatasets.ts b/packages/vsce/src/trees/treeItems/CICSLibraryDatasets.ts
index 5004fa8e..ced9098f 100644
--- a/packages/vsce/src/trees/treeItems/CICSLibraryDatasets.ts
+++ b/packages/vsce/src/trees/treeItems/CICSLibraryDatasets.ts
@@ -28,7 +28,7 @@ export class CICSLibraryDatasets extends TreeItem {
     dataset: any,
     parentRegion: CICSRegionTree,
     directParent: any,
-    public iconPath = getIconFilePathFromName("library"),
+    public iconPath = getIconFilePathFromName("library-dataset"),
   ) {
     super(`${dataset.dsname}`, TreeItemCollapsibleState.Collapsed);
 
diff --git a/packages/vsce/src/trees/treeItems/CICSLibraryTreeItem.ts b/packages/vsce/src/trees/treeItems/CICSLibraryTreeItem.ts
index 0d775271..cb20a294 100644
--- a/packages/vsce/src/trees/treeItems/CICSLibraryTreeItem.ts
+++ b/packages/vsce/src/trees/treeItems/CICSLibraryTreeItem.ts
@@ -13,7 +13,7 @@ import { TreeItemCollapsibleState, TreeItem, window } from "vscode";
 import { CICSRegionTree } from "../CICSRegionTree";
 import { getResource } from "@zowe/cics-for-zowe-sdk";
 import { CICSLibraryDatasets } from "./CICSLibraryDatasets";
-import { getFolderIcon } from "../../utils/iconUtils";
+import { getIconFilePathFromName } from "../../utils/iconUtils";
 import { toArray } from "../../utils/commandUtils";
 
 export class CICSLibraryTreeItem extends TreeItem {
@@ -27,7 +27,7 @@ export class CICSLibraryTreeItem extends TreeItem {
     library: any,
     parentRegion: CICSRegionTree,
     directParent: any,
-    public iconPath = getFolderIcon(false),
+    public iconPath = getIconFilePathFromName("library"),
   ) {
     super(`${library.name}`, TreeItemCollapsibleState.Collapsed);
 
@@ -69,14 +69,12 @@ export class CICSLibraryTreeItem extends TreeItem {
         const newDatasetItem = new CICSLibraryDatasets(dataset, this.parentRegion, this); //this=CICSLibraryTreeItem
         this.addDataset(newDatasetItem);
       }
-      this.iconPath = getFolderIcon(true);
     } catch (error) {
       if (error.mMessage!.includes("exceeded a resource limit")) {
         window.showErrorMessage(`Resource Limit Exceeded - Set a datasets filter to narrow search`);
       } else if (this.children.length === 0) {
         window.showInformationMessage(`No datasets found`);
         this.label = this.buildLabel([]);
-        this.iconPath = getFolderIcon(true);
       } else {
         window.showErrorMessage(
           `Something went wrong when fetching datasets - ${JSON.stringify(error, Object.getOwnPropertyNames(error)).replace(
diff --git a/packages/vsce/src/trees/treeItems/web/treeItems/CICSPipelineTreeItem.ts b/packages/vsce/src/trees/treeItems/web/treeItems/CICSPipelineTreeItem.ts
index 09b23294..da5a8d97 100644
--- a/packages/vsce/src/trees/treeItems/web/treeItems/CICSPipelineTreeItem.ts
+++ b/packages/vsce/src/trees/treeItems/web/treeItems/CICSPipelineTreeItem.ts
@@ -22,7 +22,7 @@ export class CICSPipelineTreeItem extends TreeItem {
     pipeline: any,
     parentRegion: CICSRegionTree,
     directParent: any,
-    public readonly iconPath = getIconFilePathFromName("program"),
+    public readonly iconPath = getIconFilePathFromName("pipeline"),
   ) {
     super(`${pipeline.name}`, TreeItemCollapsibleState.None);
 
diff --git a/packages/vsce/src/trees/treeItems/web/treeItems/CICSTCPIPServiceTreeItem.ts b/packages/vsce/src/trees/treeItems/web/treeItems/CICSTCPIPServiceTreeItem.ts
index f0f4acee..f3283b7a 100644
--- a/packages/vsce/src/trees/treeItems/web/treeItems/CICSTCPIPServiceTreeItem.ts
+++ b/packages/vsce/src/trees/treeItems/web/treeItems/CICSTCPIPServiceTreeItem.ts
@@ -22,7 +22,7 @@ export class CICSTCPIPServiceTreeItem extends TreeItem {
     tcpips: any,
     parentRegion: CICSRegionTree,
     directParent: any,
-    public readonly iconPath = getIconFilePathFromName("program"),
+    public readonly iconPath = getIconFilePathFromName("tcp-ip-service"),
   ) {
     super(`${tcpips.name}`, TreeItemCollapsibleState.None);
 
diff --git a/packages/vsce/src/trees/treeItems/web/treeItems/CICSURIMapTreeItem.ts b/packages/vsce/src/trees/treeItems/web/treeItems/CICSURIMapTreeItem.ts
index cb686643..33a02e1b 100644
--- a/packages/vsce/src/trees/treeItems/web/treeItems/CICSURIMapTreeItem.ts
+++ b/packages/vsce/src/trees/treeItems/web/treeItems/CICSURIMapTreeItem.ts
@@ -22,7 +22,7 @@ export class CICSURIMapTreeItem extends TreeItem {
     urimap: any,
     parentRegion: CICSRegionTree,
     directParent: any,
-    public readonly iconPath = getIconFilePathFromName("program"),
+    public readonly iconPath = getIconFilePathFromName("uri-map"),
   ) {
     super(`${urimap.name}`, TreeItemCollapsibleState.None);
 
diff --git a/packages/vsce/src/trees/treeItems/web/treeItems/CICSWebServiceTreeItem.ts b/packages/vsce/src/trees/treeItems/web/treeItems/CICSWebServiceTreeItem.ts
index 598fb4a3..57238e86 100644
--- a/packages/vsce/src/trees/treeItems/web/treeItems/CICSWebServiceTreeItem.ts
+++ b/packages/vsce/src/trees/treeItems/web/treeItems/CICSWebServiceTreeItem.ts
@@ -22,7 +22,7 @@ export class CICSWebServiceTreeItem extends TreeItem {
     webservice: any,
     parentRegion: CICSRegionTree,
     directParent: any,
-    public readonly iconPath = getIconFilePathFromName("program"),
+    public readonly iconPath = getIconFilePathFromName("web-service"),
   ) {
     super(`${webservice.name}`, TreeItemCollapsibleState.None);