From 8489c163ad7da301ebd95de4c145c740f471f02d Mon Sep 17 00:00:00 2001
From: MUzairS15 <MUzairS15@users.noreply.github.com>
Date: Wed, 2 Oct 2024 00:23:09 +0000
Subject: [PATCH] [Docs] Generated documentation for Integration

Signed-off-by: l5io <ci@layer5.io>
---
 .../icons/color/chaosblade-operator-color.svg |  1 +
 .../icons/color/chaos-blade-color.svg         |  1 +
 .../icons/white/chaos-blade-white.svg         |  1 +
 .../icons/white/chaosblade-operator-white.svg |  1 +
 .../chaosblade-operator/index.mdx             | 39 +++++++++
 .../icons/color/cloudbees-previews-color.svg  |  1 +
 .../icons/color/environment-color.svg         |  1 +
 .../icons/white/environment-white.svg         |  1 +
 .../icons/color/git-repository-color.svg      |  1 +
 .../icons/white/git-repository-white.svg      |  1 +
 .../color/hierarchy-configuration-color.svg   |  1 +
 .../white/hierarchy-configuration-white.svg   |  1 +
 .../icons/color/hnc-configuration-color.svg   |  1 +
 .../icons/white/hnc-configuration-white.svg   |  1 +
 .../icons/color/subnamespace-anchor-color.svg |  1 +
 .../icons/white/subnamespace-anchor-white.svg |  1 +
 .../icons/white/cloudbees-previews-white.svg  |  1 +
 .../integrations/cloudbees-previews/index.mdx | 63 +++++++++++++++
 .../cloudcore/icons/color/cloudcore-color.svg |  1 +
 .../icons/color/cluster-object-sync-color.svg |  1 +
 .../icons/white/cluster-object-sync-white.svg |  1 +
 .../icons/color/device-model-color.svg        |  1 +
 .../icons/white/device-model-white.svg        |  1 +
 .../device/icons/color/device-color.svg       |  1 +
 .../device/icons/white/device-white.svg       |  1 +
 .../icons/color/edge-application-color.svg    |  1 +
 .../icons/white/edge-application-white.svg    |  1 +
 .../icons/color/node-group-color.svg          |  1 +
 .../icons/white/node-group-white.svg          |  1 +
 .../icons/color/object-sync-color.svg         |  1 +
 .../icons/white/object-sync-white.svg         |  1 +
 .../icons/color/rule-endpoint-color.svg       |  1 +
 .../icons/white/rule-endpoint-white.svg       |  1 +
 .../rule/icons/color/rule-color.svg           |  1 +
 .../rule/icons/white/rule-white.svg           |  1 +
 .../cloudcore/icons/white/cloudcore-white.svg |  1 +
 .../integrations/cloudcore/index.mdx          | 81 +++++++++++++++++++
 .../icons/color/cni-hostnic-color.svg         | 15 ++++
 .../ip-pool/icons/color/ip-pool-color.svg     |  1 +
 .../ip-pool/icons/white/ip-pool-white.svg     |  1 +
 .../icons/color/ipam-block-color.svg          |  1 +
 .../icons/white/ipam-block-white.svg          |  1 +
 .../icons/color/ipam-handle-color.svg         |  1 +
 .../icons/white/ipam-handle-white.svg         |  1 +
 .../icons/color/vx-net-pool-color.svg         |  1 +
 .../icons/white/vx-net-pool-white.svg         |  1 +
 .../icons/white/cni-hostnic-white.svg         | 15 ++++
 .../integrations/cni-hostnic/index.mdx        | 57 +++++++++++++
 .../icons/color/vela-workflow-color.svg       | 37 ++-------
 .../icons/white/vela-workflow-white.svg       |  2 +-
 .../color/velero-s3-deployment-color.svg      | 34 +-------
 .../white/velero-s3-deployment-white.svg      |  2 +-
 52 files changed, 322 insertions(+), 65 deletions(-)
 create mode 100644 src/collections/integrations/chaosblade-operator/icons/color/chaosblade-operator-color.svg
 create mode 100644 src/collections/integrations/chaosblade-operator/icons/components/chaos-blade/icons/color/chaos-blade-color.svg
 create mode 100644 src/collections/integrations/chaosblade-operator/icons/components/chaos-blade/icons/white/chaos-blade-white.svg
 create mode 100644 src/collections/integrations/chaosblade-operator/icons/white/chaosblade-operator-white.svg
 create mode 100644 src/collections/integrations/chaosblade-operator/index.mdx
 create mode 100644 src/collections/integrations/cloudbees-previews/icons/color/cloudbees-previews-color.svg
 create mode 100644 src/collections/integrations/cloudbees-previews/icons/components/environment/icons/color/environment-color.svg
 create mode 100644 src/collections/integrations/cloudbees-previews/icons/components/environment/icons/white/environment-white.svg
 create mode 100644 src/collections/integrations/cloudbees-previews/icons/components/git-repository/icons/color/git-repository-color.svg
 create mode 100644 src/collections/integrations/cloudbees-previews/icons/components/git-repository/icons/white/git-repository-white.svg
 create mode 100644 src/collections/integrations/cloudbees-previews/icons/components/hierarchy-configuration/icons/color/hierarchy-configuration-color.svg
 create mode 100644 src/collections/integrations/cloudbees-previews/icons/components/hierarchy-configuration/icons/white/hierarchy-configuration-white.svg
 create mode 100644 src/collections/integrations/cloudbees-previews/icons/components/hnc-configuration/icons/color/hnc-configuration-color.svg
 create mode 100644 src/collections/integrations/cloudbees-previews/icons/components/hnc-configuration/icons/white/hnc-configuration-white.svg
 create mode 100644 src/collections/integrations/cloudbees-previews/icons/components/subnamespace-anchor/icons/color/subnamespace-anchor-color.svg
 create mode 100644 src/collections/integrations/cloudbees-previews/icons/components/subnamespace-anchor/icons/white/subnamespace-anchor-white.svg
 create mode 100644 src/collections/integrations/cloudbees-previews/icons/white/cloudbees-previews-white.svg
 create mode 100644 src/collections/integrations/cloudbees-previews/index.mdx
 create mode 100644 src/collections/integrations/cloudcore/icons/color/cloudcore-color.svg
 create mode 100644 src/collections/integrations/cloudcore/icons/components/cluster-object-sync/icons/color/cluster-object-sync-color.svg
 create mode 100644 src/collections/integrations/cloudcore/icons/components/cluster-object-sync/icons/white/cluster-object-sync-white.svg
 create mode 100644 src/collections/integrations/cloudcore/icons/components/device-model/icons/color/device-model-color.svg
 create mode 100644 src/collections/integrations/cloudcore/icons/components/device-model/icons/white/device-model-white.svg
 create mode 100644 src/collections/integrations/cloudcore/icons/components/device/icons/color/device-color.svg
 create mode 100644 src/collections/integrations/cloudcore/icons/components/device/icons/white/device-white.svg
 create mode 100644 src/collections/integrations/cloudcore/icons/components/edge-application/icons/color/edge-application-color.svg
 create mode 100644 src/collections/integrations/cloudcore/icons/components/edge-application/icons/white/edge-application-white.svg
 create mode 100644 src/collections/integrations/cloudcore/icons/components/node-group/icons/color/node-group-color.svg
 create mode 100644 src/collections/integrations/cloudcore/icons/components/node-group/icons/white/node-group-white.svg
 create mode 100644 src/collections/integrations/cloudcore/icons/components/object-sync/icons/color/object-sync-color.svg
 create mode 100644 src/collections/integrations/cloudcore/icons/components/object-sync/icons/white/object-sync-white.svg
 create mode 100644 src/collections/integrations/cloudcore/icons/components/rule-endpoint/icons/color/rule-endpoint-color.svg
 create mode 100644 src/collections/integrations/cloudcore/icons/components/rule-endpoint/icons/white/rule-endpoint-white.svg
 create mode 100644 src/collections/integrations/cloudcore/icons/components/rule/icons/color/rule-color.svg
 create mode 100644 src/collections/integrations/cloudcore/icons/components/rule/icons/white/rule-white.svg
 create mode 100644 src/collections/integrations/cloudcore/icons/white/cloudcore-white.svg
 create mode 100644 src/collections/integrations/cloudcore/index.mdx
 create mode 100644 src/collections/integrations/cni-hostnic/icons/color/cni-hostnic-color.svg
 create mode 100644 src/collections/integrations/cni-hostnic/icons/components/ip-pool/icons/color/ip-pool-color.svg
 create mode 100644 src/collections/integrations/cni-hostnic/icons/components/ip-pool/icons/white/ip-pool-white.svg
 create mode 100644 src/collections/integrations/cni-hostnic/icons/components/ipam-block/icons/color/ipam-block-color.svg
 create mode 100644 src/collections/integrations/cni-hostnic/icons/components/ipam-block/icons/white/ipam-block-white.svg
 create mode 100644 src/collections/integrations/cni-hostnic/icons/components/ipam-handle/icons/color/ipam-handle-color.svg
 create mode 100644 src/collections/integrations/cni-hostnic/icons/components/ipam-handle/icons/white/ipam-handle-white.svg
 create mode 100644 src/collections/integrations/cni-hostnic/icons/components/vx-net-pool/icons/color/vx-net-pool-color.svg
 create mode 100644 src/collections/integrations/cni-hostnic/icons/components/vx-net-pool/icons/white/vx-net-pool-white.svg
 create mode 100644 src/collections/integrations/cni-hostnic/icons/white/cni-hostnic-white.svg
 create mode 100644 src/collections/integrations/cni-hostnic/index.mdx

diff --git a/src/collections/integrations/chaosblade-operator/icons/color/chaosblade-operator-color.svg b/src/collections/integrations/chaosblade-operator/icons/color/chaosblade-operator-color.svg
new file mode 100644
index 000000000000..6dfa0b8badb7
--- /dev/null
+++ b/src/collections/integrations/chaosblade-operator/icons/color/chaosblade-operator-color.svg
@@ -0,0 +1 @@
+<svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 117.24 117.24"><defs><style>.cls-1{fill:url(#未命名的渐变_23);}.cls-2{fill:#f90664;opacity:0.3;}</style><linearGradient id="未命名的渐变_23" x1="58.62" y1="86.96" x2="58.62" y2="30.27" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#4c0067"/><stop offset="1" stop-color="#f90664"/></linearGradient></defs><path class="cls-1" d="M81.05,30.27H38.82a22,22,0,0,0-19,11L9.8,58.62,19.84,76A22,22,0,0,0,38.82,87H81.05A20.7,20.7,0,0,1,75.51,73c0-9.42,5.39-14.39,5.39-14.39s-5.39-5-5.39-14.39A20.71,20.71,0,0,1,81.05,30.27Zm-12.52,49H38.82a14.24,14.24,0,0,1-12.3-7.1L18.71,58.62l7.81-13.53A14.24,14.24,0,0,1,38.82,38H68.53a25.16,25.16,0,0,0-.84,6.24,25.84,25.84,0,0,0,4.2,14.39A25.78,25.78,0,0,0,67.69,73,25.24,25.24,0,0,0,68.53,79.25Zm38.91-31.37V69.36h-4.53V64.19H93.26a11,11,0,0,0-3.79,8.17,17.2,17.2,0,0,0,8,14.6H87.91a20.09,20.09,0,0,1-6-13.95,20.65,20.65,0,0,1,5.4-14.39,20.68,20.68,0,0,1-5.4-14.39,20.1,20.1,0,0,1,6-14h9.56a17.2,17.2,0,0,0-8,14.61,11,11,0,0,0,3.79,8.17h9.65V47.88Z"/><path class="cls-2" d="M38.82,79.25H68.53A25.24,25.24,0,0,1,67.69,73a25.78,25.78,0,0,1,4.2-14.38H18.71l7.81,13.53A14.24,14.24,0,0,0,38.82,79.25Z"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/chaosblade-operator/icons/components/chaos-blade/icons/color/chaos-blade-color.svg b/src/collections/integrations/chaosblade-operator/icons/components/chaos-blade/icons/color/chaos-blade-color.svg
new file mode 100644
index 000000000000..05129029bcb1
--- /dev/null
+++ b/src/collections/integrations/chaosblade-operator/icons/components/chaos-blade/icons/color/chaos-blade-color.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 134.95 135.02"><defs><style>.cls-1{fill:#00d3a9}.cls-2{fill:#00b39f}</style></defs><title>meshery-logo-light</title><polygon points="69.49 31.82 69.49 64.07 97.44 47.89 69.49 31.82" class="cls-1"/><polygon points="69.49 70.81 69.49 103.22 97.7 87.09 69.49 70.81" class="cls-1"/><polygon points="65.47 63.85 65.47 32.09 37.87 47.92 65.47 63.85" class="cls-2"/><path d="M10.1,103.1a67.79,67.79,0,0,0,21.41,21.55V90.71Z" class="cls-2"/><polygon points="65.47 103.06 65.47 71.05 37.8 87.07 65.47 103.06" class="cls-2"/><polygon points="35.54 122.63 63.56 106.61 35.54 90.41 35.54 122.63" class="cls-1"/><polygon points="99.61 122.8 99.61 90.63 71.63 106.63 99.61 122.8" class="cls-2"/><path d="M127,99.37a67.22,67.22,0,0,0,7.91-28.94L105.78,87.11Z" class="cls-2"/><polygon points="103.64 83.69 131.76 67.61 103.64 51.45 103.64 83.69" class="cls-1"/><polygon points="99.61 44.5 99.61 12.52 71.76 28.49 99.61 44.5" class="cls-2"/><polygon points="99.61 83.55 99.61 51.28 71.7 67.44 99.61 83.55" class="cls-2"/><polygon points="67.48 135.02 67.49 135.02 67.48 135.02 67.48 135.02" class="cls-2"/><polygon points="35.54 51.22 35.54 83.73 63.66 67.45 35.54 51.22" class="cls-1"/><path d="M65.47,0A67.2,67.2,0,0,0,35.83,7.83l29.64,17Z" class="cls-2"/><polygon points="35.54 12.3 35.54 44.62 63.68 28.48 35.54 12.3" class="cls-1"/><path d="M31.51,10.34A67.89,67.89,0,0,0,10.1,31.89L31.51,44.25Z" class="cls-2"/><path d="M99.43,8A67.23,67.23,0,0,0,69.49,0V25.15Z" class="cls-1"/><path d="M0,69.87A67.27,67.27,0,0,0,8.07,99.63L29.76,87.07Z" class="cls-1"/><path d="M8.07,35.37A67.16,67.16,0,0,0,0,65L29.79,47.91Z" class="cls-1"/><path d="M35.78,127.13A67.13,67.13,0,0,0,65.47,135V110.15Z" class="cls-2"/><path d="M124.92,32a67.9,67.9,0,0,0-21.28-21.52V44.3Z" class="cls-1"/><path d="M103.64,124.54A68,68,0,0,0,125,102.86L103.64,90.52Z" class="cls-1"/><path d="M135,64.81a67.06,67.06,0,0,0-8-29.35L105.49,47.88Z" class="cls-2"/><path d="M69.49,135a67.12,67.12,0,0,0,29.63-7.83L69.49,110Z" class="cls-1"/><polygon points="31.51 83.44 31.51 51.56 3.83 67.43 31.51 83.44" class="cls-2"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/chaosblade-operator/icons/components/chaos-blade/icons/white/chaos-blade-white.svg b/src/collections/integrations/chaosblade-operator/icons/components/chaos-blade/icons/white/chaos-blade-white.svg
new file mode 100644
index 000000000000..aa9e84b87c10
--- /dev/null
+++ b/src/collections/integrations/chaosblade-operator/icons/components/chaos-blade/icons/white/chaos-blade-white.svg
@@ -0,0 +1 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.405 8.732v6.57l5.694-3.297-5.694-3.273Zm0 7.942v6.602l5.747-3.285-5.747-3.317Z" fill="#fff"/><path d="M15.586 15.256v-6.47l-5.622 3.225 5.622 3.245ZM4.307 23.252a13.809 13.809 0 0 0 4.362 4.39v-6.914l-4.362 2.524Zm11.279-.008v-6.52L9.95 19.985l5.636 3.258Z" fill="#fff" fill-opacity=".8"/><path d="m9.49 27.23 5.707-3.263-5.707-3.3v6.563Z" fill="#fff"/><path d="M22.54 27.265v-6.553l-5.699 3.259 5.7 3.294Zm5.58-4.773a13.697 13.697 0 0 0 1.612-5.895l-5.934 3.397 4.323 2.498Z" fill="#fff" fill-opacity=".8"/><path d="m23.362 19.298 5.728-3.276-5.728-3.291v6.567Z" fill="#fff"/><path d="M22.541 11.315V4.8l-5.673 3.253 5.673 3.262Zm0 7.955v-6.574l-5.685 3.292 5.685 3.281Z" fill="#fff" fill-opacity=".8"/><path d="M9.49 12.684v6.622l5.728-3.316-5.728-3.306Z" fill="#fff"/><path d="M15.586 2.25a13.69 13.69 0 0 0-6.037 1.595l6.037 3.463V2.25Z" fill="#fff" fill-opacity=".8"/><path d="M9.49 4.756v6.583l5.732-3.288L9.49 4.756Z" fill="#fff"/><path d="M8.669 4.356a13.83 13.83 0 0 0-4.362 4.39l4.362 2.518V4.356Z" fill="#fff" fill-opacity=".8"/><path d="M22.504 3.88a13.695 13.695 0 0 0-6.099-1.63v5.123l6.1-3.493ZM2.25 16.483c.071 2.12.634 4.196 1.644 6.062l4.418-2.559-6.062-3.503Zm1.644-7.028a13.68 13.68 0 0 0-1.644 6.036l6.068-3.482-4.424-2.554Z" fill="#fff"/><path d="M9.539 28.147a13.673 13.673 0 0 0 6.047 1.603v-5.062L9.54 28.147Z" fill="#fff" fill-opacity=".8"/><path d="M27.697 8.768a13.83 13.83 0 0 0-4.335-4.383v6.889l4.335-2.506ZM23.362 27.62a13.851 13.851 0 0 0 4.351-4.417l-4.351-2.514v6.93Z" fill="#fff"/><path d="M29.75 15.452a13.659 13.659 0 0 0-1.63-5.979l-4.381 2.53 6.011 3.45Z" fill="#fff" fill-opacity=".8"/><path d="M16.405 29.75a13.673 13.673 0 0 0 6.036-1.595l-6.036-3.498v5.093Z" fill="#fff"/><path d="M8.669 19.247v-6.494L3.03 15.986l5.639 3.261Z" fill="#fff" fill-opacity=".8"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/chaosblade-operator/icons/white/chaosblade-operator-white.svg b/src/collections/integrations/chaosblade-operator/icons/white/chaosblade-operator-white.svg
new file mode 100644
index 000000000000..8dbdd43f29fb
--- /dev/null
+++ b/src/collections/integrations/chaosblade-operator/icons/white/chaosblade-operator-white.svg
@@ -0,0 +1 @@
+<svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 117.24 117.24"><defs><style>.cls-1,.cls-2{fill:#fff;}.cls-2{opacity:0.3;}</style></defs><path class="cls-1" d="M81.05,30.27H38.82a22,22,0,0,0-19,11L9.8,58.62,19.84,76A22,22,0,0,0,38.82,87H81.05A20.7,20.7,0,0,1,75.51,73c0-9.42,5.39-14.39,5.39-14.39s-5.39-5-5.39-14.39A20.71,20.71,0,0,1,81.05,30.27Zm-12.52,49H38.82a14.24,14.24,0,0,1-12.3-7.1L18.71,58.62l7.81-13.53A14.24,14.24,0,0,1,38.82,38H68.53a25.16,25.16,0,0,0-.84,6.24,25.84,25.84,0,0,0,4.2,14.39A25.78,25.78,0,0,0,67.69,73,25.24,25.24,0,0,0,68.53,79.25Zm38.91-31.37V69.36h-4.53V64.19H93.26a11,11,0,0,0-3.79,8.17,17.2,17.2,0,0,0,8,14.6H87.91a20.09,20.09,0,0,1-6-13.95,20.65,20.65,0,0,1,5.4-14.39,20.68,20.68,0,0,1-5.4-14.39,20.1,20.1,0,0,1,6-14h9.56a17.2,17.2,0,0,0-8,14.61,11,11,0,0,0,3.79,8.17h9.65V47.88Z"/><path class="cls-2" d="M38.82,79.25H68.53A25.24,25.24,0,0,1,67.69,73a25.78,25.78,0,0,1,4.2-14.38H18.71l7.81,13.53A14.24,14.24,0,0,0,38.82,79.25Z"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/chaosblade-operator/index.mdx b/src/collections/integrations/chaosblade-operator/index.mdx
new file mode 100644
index 000000000000..7dc4d8687f85
--- /dev/null
+++ b/src/collections/integrations/chaosblade-operator/index.mdx
@@ -0,0 +1,39 @@
+---
+title: ChaosBlade
+subtitle: Collaborative and visual infrastructure as design for ChaosBlade
+integrationIcon: icons/color/chaosblade-operator-color.svg
+darkModeIntegrationIcon: icons/white/chaosblade-operator-white.svg
+docURL: https://docs.meshery.io/extensibility/integrations/chaosblade-operator
+description: 
+category: Observability and Analysis
+subcategory: Chaos Engineering
+registrant: Artifact Hub
+components: [
+{
+"name": "chaos-blade",
+"colorIcon": "icons/components/chaos-blade/icons/color/chaos-blade-color.svg",
+"whiteIcon": "icons/components/chaos-blade/icons/white/chaos-blade-white.svg",
+"description": "",
+}]
+featureList: [
+  "Improves the fault tolerance of distributed systems.",
+  "Ensures business continuity during the process of enterprises going to cloud or moving to cloud native systems.",
+  "Supports rich experimental scenarios."
+]
+workingSlides: [
+  ../_images/kanvas-visualizer.png,
+  ../_images/kanvas-designer.png
+]
+howItWorks: "Collaborative Infrastructure as Design"
+howItWorksDetails: "Collaboratively manage infrastructure with your coworkers synchronously sharing the same designs."
+published: TRUE
+---
+<p>
+A chaos engineering operator for cloud-native on Kubernetes environments.
+</p>
+<p>
+    Collaboratively and visually diagram your cloud native infrastructure with GitOps-style pipeline integration. Design, test, and manage configuration your Kubernetes-based, containerized applications as a visual topology.
+</p>
+<p>
+    Looking for best practice cloud native design and deployment best practices? Choose from thousands of pre-built components in MeshMap. Choose from hundreds of ready-made design patterns by importing templates from Meshery Catalog or use our low code designer, MeshMap, to create and deploy your own cloud native infrastructure designs.
+</p>
diff --git a/src/collections/integrations/cloudbees-previews/icons/color/cloudbees-previews-color.svg b/src/collections/integrations/cloudbees-previews/icons/color/cloudbees-previews-color.svg
new file mode 100644
index 000000000000..fff9e705da44
--- /dev/null
+++ b/src/collections/integrations/cloudbees-previews/icons/color/cloudbees-previews-color.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64"><path d="M36.36 17.11l-8.764.22c0-3.287-1.972-6.354-5.04-7.67s-6.573-.657-8.983 1.753-3.068 5.916-1.753 8.983 4.382 5.04 7.67 5.04h6.354V34.2H19.5c-7.23 0-13.585-4.382-15.995-11.174S2.837 8.785 8.315 4.184C11.602 1.335 15.984-.198 20.147.02c2.63 0 5.26.876 7.67 2.19-.22.22 8.107 4.382 8.545 14.9z" fill="#335061"/><path d="M44.687 64c-9.422 0-17.1-7.67-17.1-17.1V19.083h8.764V46.9c0 3.287 1.972 6.354 5.04 7.67s6.573.657 8.983-1.753 3.068-5.916 1.753-8.983-4.382-5.04-7.67-5.04h-6.354v-8.764h6.354c9.422 0 17.1 7.67 17.1 17.1.22 9.203-7.45 16.87-16.87 16.87z" fill="#1997b5"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/cloudbees-previews/icons/components/environment/icons/color/environment-color.svg b/src/collections/integrations/cloudbees-previews/icons/components/environment/icons/color/environment-color.svg
new file mode 100644
index 000000000000..05129029bcb1
--- /dev/null
+++ b/src/collections/integrations/cloudbees-previews/icons/components/environment/icons/color/environment-color.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 134.95 135.02"><defs><style>.cls-1{fill:#00d3a9}.cls-2{fill:#00b39f}</style></defs><title>meshery-logo-light</title><polygon points="69.49 31.82 69.49 64.07 97.44 47.89 69.49 31.82" class="cls-1"/><polygon points="69.49 70.81 69.49 103.22 97.7 87.09 69.49 70.81" class="cls-1"/><polygon points="65.47 63.85 65.47 32.09 37.87 47.92 65.47 63.85" class="cls-2"/><path d="M10.1,103.1a67.79,67.79,0,0,0,21.41,21.55V90.71Z" class="cls-2"/><polygon points="65.47 103.06 65.47 71.05 37.8 87.07 65.47 103.06" class="cls-2"/><polygon points="35.54 122.63 63.56 106.61 35.54 90.41 35.54 122.63" class="cls-1"/><polygon points="99.61 122.8 99.61 90.63 71.63 106.63 99.61 122.8" class="cls-2"/><path d="M127,99.37a67.22,67.22,0,0,0,7.91-28.94L105.78,87.11Z" class="cls-2"/><polygon points="103.64 83.69 131.76 67.61 103.64 51.45 103.64 83.69" class="cls-1"/><polygon points="99.61 44.5 99.61 12.52 71.76 28.49 99.61 44.5" class="cls-2"/><polygon points="99.61 83.55 99.61 51.28 71.7 67.44 99.61 83.55" class="cls-2"/><polygon points="67.48 135.02 67.49 135.02 67.48 135.02 67.48 135.02" class="cls-2"/><polygon points="35.54 51.22 35.54 83.73 63.66 67.45 35.54 51.22" class="cls-1"/><path d="M65.47,0A67.2,67.2,0,0,0,35.83,7.83l29.64,17Z" class="cls-2"/><polygon points="35.54 12.3 35.54 44.62 63.68 28.48 35.54 12.3" class="cls-1"/><path d="M31.51,10.34A67.89,67.89,0,0,0,10.1,31.89L31.51,44.25Z" class="cls-2"/><path d="M99.43,8A67.23,67.23,0,0,0,69.49,0V25.15Z" class="cls-1"/><path d="M0,69.87A67.27,67.27,0,0,0,8.07,99.63L29.76,87.07Z" class="cls-1"/><path d="M8.07,35.37A67.16,67.16,0,0,0,0,65L29.79,47.91Z" class="cls-1"/><path d="M35.78,127.13A67.13,67.13,0,0,0,65.47,135V110.15Z" class="cls-2"/><path d="M124.92,32a67.9,67.9,0,0,0-21.28-21.52V44.3Z" class="cls-1"/><path d="M103.64,124.54A68,68,0,0,0,125,102.86L103.64,90.52Z" class="cls-1"/><path d="M135,64.81a67.06,67.06,0,0,0-8-29.35L105.49,47.88Z" class="cls-2"/><path d="M69.49,135a67.12,67.12,0,0,0,29.63-7.83L69.49,110Z" class="cls-1"/><polygon points="31.51 83.44 31.51 51.56 3.83 67.43 31.51 83.44" class="cls-2"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/cloudbees-previews/icons/components/environment/icons/white/environment-white.svg b/src/collections/integrations/cloudbees-previews/icons/components/environment/icons/white/environment-white.svg
new file mode 100644
index 000000000000..aa9e84b87c10
--- /dev/null
+++ b/src/collections/integrations/cloudbees-previews/icons/components/environment/icons/white/environment-white.svg
@@ -0,0 +1 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.405 8.732v6.57l5.694-3.297-5.694-3.273Zm0 7.942v6.602l5.747-3.285-5.747-3.317Z" fill="#fff"/><path d="M15.586 15.256v-6.47l-5.622 3.225 5.622 3.245ZM4.307 23.252a13.809 13.809 0 0 0 4.362 4.39v-6.914l-4.362 2.524Zm11.279-.008v-6.52L9.95 19.985l5.636 3.258Z" fill="#fff" fill-opacity=".8"/><path d="m9.49 27.23 5.707-3.263-5.707-3.3v6.563Z" fill="#fff"/><path d="M22.54 27.265v-6.553l-5.699 3.259 5.7 3.294Zm5.58-4.773a13.697 13.697 0 0 0 1.612-5.895l-5.934 3.397 4.323 2.498Z" fill="#fff" fill-opacity=".8"/><path d="m23.362 19.298 5.728-3.276-5.728-3.291v6.567Z" fill="#fff"/><path d="M22.541 11.315V4.8l-5.673 3.253 5.673 3.262Zm0 7.955v-6.574l-5.685 3.292 5.685 3.281Z" fill="#fff" fill-opacity=".8"/><path d="M9.49 12.684v6.622l5.728-3.316-5.728-3.306Z" fill="#fff"/><path d="M15.586 2.25a13.69 13.69 0 0 0-6.037 1.595l6.037 3.463V2.25Z" fill="#fff" fill-opacity=".8"/><path d="M9.49 4.756v6.583l5.732-3.288L9.49 4.756Z" fill="#fff"/><path d="M8.669 4.356a13.83 13.83 0 0 0-4.362 4.39l4.362 2.518V4.356Z" fill="#fff" fill-opacity=".8"/><path d="M22.504 3.88a13.695 13.695 0 0 0-6.099-1.63v5.123l6.1-3.493ZM2.25 16.483c.071 2.12.634 4.196 1.644 6.062l4.418-2.559-6.062-3.503Zm1.644-7.028a13.68 13.68 0 0 0-1.644 6.036l6.068-3.482-4.424-2.554Z" fill="#fff"/><path d="M9.539 28.147a13.673 13.673 0 0 0 6.047 1.603v-5.062L9.54 28.147Z" fill="#fff" fill-opacity=".8"/><path d="M27.697 8.768a13.83 13.83 0 0 0-4.335-4.383v6.889l4.335-2.506ZM23.362 27.62a13.851 13.851 0 0 0 4.351-4.417l-4.351-2.514v6.93Z" fill="#fff"/><path d="M29.75 15.452a13.659 13.659 0 0 0-1.63-5.979l-4.381 2.53 6.011 3.45Z" fill="#fff" fill-opacity=".8"/><path d="M16.405 29.75a13.673 13.673 0 0 0 6.036-1.595l-6.036-3.498v5.093Z" fill="#fff"/><path d="M8.669 19.247v-6.494L3.03 15.986l5.639 3.261Z" fill="#fff" fill-opacity=".8"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/cloudbees-previews/icons/components/git-repository/icons/color/git-repository-color.svg b/src/collections/integrations/cloudbees-previews/icons/components/git-repository/icons/color/git-repository-color.svg
new file mode 100644
index 000000000000..05129029bcb1
--- /dev/null
+++ b/src/collections/integrations/cloudbees-previews/icons/components/git-repository/icons/color/git-repository-color.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 134.95 135.02"><defs><style>.cls-1{fill:#00d3a9}.cls-2{fill:#00b39f}</style></defs><title>meshery-logo-light</title><polygon points="69.49 31.82 69.49 64.07 97.44 47.89 69.49 31.82" class="cls-1"/><polygon points="69.49 70.81 69.49 103.22 97.7 87.09 69.49 70.81" class="cls-1"/><polygon points="65.47 63.85 65.47 32.09 37.87 47.92 65.47 63.85" class="cls-2"/><path d="M10.1,103.1a67.79,67.79,0,0,0,21.41,21.55V90.71Z" class="cls-2"/><polygon points="65.47 103.06 65.47 71.05 37.8 87.07 65.47 103.06" class="cls-2"/><polygon points="35.54 122.63 63.56 106.61 35.54 90.41 35.54 122.63" class="cls-1"/><polygon points="99.61 122.8 99.61 90.63 71.63 106.63 99.61 122.8" class="cls-2"/><path d="M127,99.37a67.22,67.22,0,0,0,7.91-28.94L105.78,87.11Z" class="cls-2"/><polygon points="103.64 83.69 131.76 67.61 103.64 51.45 103.64 83.69" class="cls-1"/><polygon points="99.61 44.5 99.61 12.52 71.76 28.49 99.61 44.5" class="cls-2"/><polygon points="99.61 83.55 99.61 51.28 71.7 67.44 99.61 83.55" class="cls-2"/><polygon points="67.48 135.02 67.49 135.02 67.48 135.02 67.48 135.02" class="cls-2"/><polygon points="35.54 51.22 35.54 83.73 63.66 67.45 35.54 51.22" class="cls-1"/><path d="M65.47,0A67.2,67.2,0,0,0,35.83,7.83l29.64,17Z" class="cls-2"/><polygon points="35.54 12.3 35.54 44.62 63.68 28.48 35.54 12.3" class="cls-1"/><path d="M31.51,10.34A67.89,67.89,0,0,0,10.1,31.89L31.51,44.25Z" class="cls-2"/><path d="M99.43,8A67.23,67.23,0,0,0,69.49,0V25.15Z" class="cls-1"/><path d="M0,69.87A67.27,67.27,0,0,0,8.07,99.63L29.76,87.07Z" class="cls-1"/><path d="M8.07,35.37A67.16,67.16,0,0,0,0,65L29.79,47.91Z" class="cls-1"/><path d="M35.78,127.13A67.13,67.13,0,0,0,65.47,135V110.15Z" class="cls-2"/><path d="M124.92,32a67.9,67.9,0,0,0-21.28-21.52V44.3Z" class="cls-1"/><path d="M103.64,124.54A68,68,0,0,0,125,102.86L103.64,90.52Z" class="cls-1"/><path d="M135,64.81a67.06,67.06,0,0,0-8-29.35L105.49,47.88Z" class="cls-2"/><path d="M69.49,135a67.12,67.12,0,0,0,29.63-7.83L69.49,110Z" class="cls-1"/><polygon points="31.51 83.44 31.51 51.56 3.83 67.43 31.51 83.44" class="cls-2"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/cloudbees-previews/icons/components/git-repository/icons/white/git-repository-white.svg b/src/collections/integrations/cloudbees-previews/icons/components/git-repository/icons/white/git-repository-white.svg
new file mode 100644
index 000000000000..aa9e84b87c10
--- /dev/null
+++ b/src/collections/integrations/cloudbees-previews/icons/components/git-repository/icons/white/git-repository-white.svg
@@ -0,0 +1 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.405 8.732v6.57l5.694-3.297-5.694-3.273Zm0 7.942v6.602l5.747-3.285-5.747-3.317Z" fill="#fff"/><path d="M15.586 15.256v-6.47l-5.622 3.225 5.622 3.245ZM4.307 23.252a13.809 13.809 0 0 0 4.362 4.39v-6.914l-4.362 2.524Zm11.279-.008v-6.52L9.95 19.985l5.636 3.258Z" fill="#fff" fill-opacity=".8"/><path d="m9.49 27.23 5.707-3.263-5.707-3.3v6.563Z" fill="#fff"/><path d="M22.54 27.265v-6.553l-5.699 3.259 5.7 3.294Zm5.58-4.773a13.697 13.697 0 0 0 1.612-5.895l-5.934 3.397 4.323 2.498Z" fill="#fff" fill-opacity=".8"/><path d="m23.362 19.298 5.728-3.276-5.728-3.291v6.567Z" fill="#fff"/><path d="M22.541 11.315V4.8l-5.673 3.253 5.673 3.262Zm0 7.955v-6.574l-5.685 3.292 5.685 3.281Z" fill="#fff" fill-opacity=".8"/><path d="M9.49 12.684v6.622l5.728-3.316-5.728-3.306Z" fill="#fff"/><path d="M15.586 2.25a13.69 13.69 0 0 0-6.037 1.595l6.037 3.463V2.25Z" fill="#fff" fill-opacity=".8"/><path d="M9.49 4.756v6.583l5.732-3.288L9.49 4.756Z" fill="#fff"/><path d="M8.669 4.356a13.83 13.83 0 0 0-4.362 4.39l4.362 2.518V4.356Z" fill="#fff" fill-opacity=".8"/><path d="M22.504 3.88a13.695 13.695 0 0 0-6.099-1.63v5.123l6.1-3.493ZM2.25 16.483c.071 2.12.634 4.196 1.644 6.062l4.418-2.559-6.062-3.503Zm1.644-7.028a13.68 13.68 0 0 0-1.644 6.036l6.068-3.482-4.424-2.554Z" fill="#fff"/><path d="M9.539 28.147a13.673 13.673 0 0 0 6.047 1.603v-5.062L9.54 28.147Z" fill="#fff" fill-opacity=".8"/><path d="M27.697 8.768a13.83 13.83 0 0 0-4.335-4.383v6.889l4.335-2.506ZM23.362 27.62a13.851 13.851 0 0 0 4.351-4.417l-4.351-2.514v6.93Z" fill="#fff"/><path d="M29.75 15.452a13.659 13.659 0 0 0-1.63-5.979l-4.381 2.53 6.011 3.45Z" fill="#fff" fill-opacity=".8"/><path d="M16.405 29.75a13.673 13.673 0 0 0 6.036-1.595l-6.036-3.498v5.093Z" fill="#fff"/><path d="M8.669 19.247v-6.494L3.03 15.986l5.639 3.261Z" fill="#fff" fill-opacity=".8"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/cloudbees-previews/icons/components/hierarchy-configuration/icons/color/hierarchy-configuration-color.svg b/src/collections/integrations/cloudbees-previews/icons/components/hierarchy-configuration/icons/color/hierarchy-configuration-color.svg
new file mode 100644
index 000000000000..05129029bcb1
--- /dev/null
+++ b/src/collections/integrations/cloudbees-previews/icons/components/hierarchy-configuration/icons/color/hierarchy-configuration-color.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 134.95 135.02"><defs><style>.cls-1{fill:#00d3a9}.cls-2{fill:#00b39f}</style></defs><title>meshery-logo-light</title><polygon points="69.49 31.82 69.49 64.07 97.44 47.89 69.49 31.82" class="cls-1"/><polygon points="69.49 70.81 69.49 103.22 97.7 87.09 69.49 70.81" class="cls-1"/><polygon points="65.47 63.85 65.47 32.09 37.87 47.92 65.47 63.85" class="cls-2"/><path d="M10.1,103.1a67.79,67.79,0,0,0,21.41,21.55V90.71Z" class="cls-2"/><polygon points="65.47 103.06 65.47 71.05 37.8 87.07 65.47 103.06" class="cls-2"/><polygon points="35.54 122.63 63.56 106.61 35.54 90.41 35.54 122.63" class="cls-1"/><polygon points="99.61 122.8 99.61 90.63 71.63 106.63 99.61 122.8" class="cls-2"/><path d="M127,99.37a67.22,67.22,0,0,0,7.91-28.94L105.78,87.11Z" class="cls-2"/><polygon points="103.64 83.69 131.76 67.61 103.64 51.45 103.64 83.69" class="cls-1"/><polygon points="99.61 44.5 99.61 12.52 71.76 28.49 99.61 44.5" class="cls-2"/><polygon points="99.61 83.55 99.61 51.28 71.7 67.44 99.61 83.55" class="cls-2"/><polygon points="67.48 135.02 67.49 135.02 67.48 135.02 67.48 135.02" class="cls-2"/><polygon points="35.54 51.22 35.54 83.73 63.66 67.45 35.54 51.22" class="cls-1"/><path d="M65.47,0A67.2,67.2,0,0,0,35.83,7.83l29.64,17Z" class="cls-2"/><polygon points="35.54 12.3 35.54 44.62 63.68 28.48 35.54 12.3" class="cls-1"/><path d="M31.51,10.34A67.89,67.89,0,0,0,10.1,31.89L31.51,44.25Z" class="cls-2"/><path d="M99.43,8A67.23,67.23,0,0,0,69.49,0V25.15Z" class="cls-1"/><path d="M0,69.87A67.27,67.27,0,0,0,8.07,99.63L29.76,87.07Z" class="cls-1"/><path d="M8.07,35.37A67.16,67.16,0,0,0,0,65L29.79,47.91Z" class="cls-1"/><path d="M35.78,127.13A67.13,67.13,0,0,0,65.47,135V110.15Z" class="cls-2"/><path d="M124.92,32a67.9,67.9,0,0,0-21.28-21.52V44.3Z" class="cls-1"/><path d="M103.64,124.54A68,68,0,0,0,125,102.86L103.64,90.52Z" class="cls-1"/><path d="M135,64.81a67.06,67.06,0,0,0-8-29.35L105.49,47.88Z" class="cls-2"/><path d="M69.49,135a67.12,67.12,0,0,0,29.63-7.83L69.49,110Z" class="cls-1"/><polygon points="31.51 83.44 31.51 51.56 3.83 67.43 31.51 83.44" class="cls-2"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/cloudbees-previews/icons/components/hierarchy-configuration/icons/white/hierarchy-configuration-white.svg b/src/collections/integrations/cloudbees-previews/icons/components/hierarchy-configuration/icons/white/hierarchy-configuration-white.svg
new file mode 100644
index 000000000000..aa9e84b87c10
--- /dev/null
+++ b/src/collections/integrations/cloudbees-previews/icons/components/hierarchy-configuration/icons/white/hierarchy-configuration-white.svg
@@ -0,0 +1 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.405 8.732v6.57l5.694-3.297-5.694-3.273Zm0 7.942v6.602l5.747-3.285-5.747-3.317Z" fill="#fff"/><path d="M15.586 15.256v-6.47l-5.622 3.225 5.622 3.245ZM4.307 23.252a13.809 13.809 0 0 0 4.362 4.39v-6.914l-4.362 2.524Zm11.279-.008v-6.52L9.95 19.985l5.636 3.258Z" fill="#fff" fill-opacity=".8"/><path d="m9.49 27.23 5.707-3.263-5.707-3.3v6.563Z" fill="#fff"/><path d="M22.54 27.265v-6.553l-5.699 3.259 5.7 3.294Zm5.58-4.773a13.697 13.697 0 0 0 1.612-5.895l-5.934 3.397 4.323 2.498Z" fill="#fff" fill-opacity=".8"/><path d="m23.362 19.298 5.728-3.276-5.728-3.291v6.567Z" fill="#fff"/><path d="M22.541 11.315V4.8l-5.673 3.253 5.673 3.262Zm0 7.955v-6.574l-5.685 3.292 5.685 3.281Z" fill="#fff" fill-opacity=".8"/><path d="M9.49 12.684v6.622l5.728-3.316-5.728-3.306Z" fill="#fff"/><path d="M15.586 2.25a13.69 13.69 0 0 0-6.037 1.595l6.037 3.463V2.25Z" fill="#fff" fill-opacity=".8"/><path d="M9.49 4.756v6.583l5.732-3.288L9.49 4.756Z" fill="#fff"/><path d="M8.669 4.356a13.83 13.83 0 0 0-4.362 4.39l4.362 2.518V4.356Z" fill="#fff" fill-opacity=".8"/><path d="M22.504 3.88a13.695 13.695 0 0 0-6.099-1.63v5.123l6.1-3.493ZM2.25 16.483c.071 2.12.634 4.196 1.644 6.062l4.418-2.559-6.062-3.503Zm1.644-7.028a13.68 13.68 0 0 0-1.644 6.036l6.068-3.482-4.424-2.554Z" fill="#fff"/><path d="M9.539 28.147a13.673 13.673 0 0 0 6.047 1.603v-5.062L9.54 28.147Z" fill="#fff" fill-opacity=".8"/><path d="M27.697 8.768a13.83 13.83 0 0 0-4.335-4.383v6.889l4.335-2.506ZM23.362 27.62a13.851 13.851 0 0 0 4.351-4.417l-4.351-2.514v6.93Z" fill="#fff"/><path d="M29.75 15.452a13.659 13.659 0 0 0-1.63-5.979l-4.381 2.53 6.011 3.45Z" fill="#fff" fill-opacity=".8"/><path d="M16.405 29.75a13.673 13.673 0 0 0 6.036-1.595l-6.036-3.498v5.093Z" fill="#fff"/><path d="M8.669 19.247v-6.494L3.03 15.986l5.639 3.261Z" fill="#fff" fill-opacity=".8"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/cloudbees-previews/icons/components/hnc-configuration/icons/color/hnc-configuration-color.svg b/src/collections/integrations/cloudbees-previews/icons/components/hnc-configuration/icons/color/hnc-configuration-color.svg
new file mode 100644
index 000000000000..05129029bcb1
--- /dev/null
+++ b/src/collections/integrations/cloudbees-previews/icons/components/hnc-configuration/icons/color/hnc-configuration-color.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 134.95 135.02"><defs><style>.cls-1{fill:#00d3a9}.cls-2{fill:#00b39f}</style></defs><title>meshery-logo-light</title><polygon points="69.49 31.82 69.49 64.07 97.44 47.89 69.49 31.82" class="cls-1"/><polygon points="69.49 70.81 69.49 103.22 97.7 87.09 69.49 70.81" class="cls-1"/><polygon points="65.47 63.85 65.47 32.09 37.87 47.92 65.47 63.85" class="cls-2"/><path d="M10.1,103.1a67.79,67.79,0,0,0,21.41,21.55V90.71Z" class="cls-2"/><polygon points="65.47 103.06 65.47 71.05 37.8 87.07 65.47 103.06" class="cls-2"/><polygon points="35.54 122.63 63.56 106.61 35.54 90.41 35.54 122.63" class="cls-1"/><polygon points="99.61 122.8 99.61 90.63 71.63 106.63 99.61 122.8" class="cls-2"/><path d="M127,99.37a67.22,67.22,0,0,0,7.91-28.94L105.78,87.11Z" class="cls-2"/><polygon points="103.64 83.69 131.76 67.61 103.64 51.45 103.64 83.69" class="cls-1"/><polygon points="99.61 44.5 99.61 12.52 71.76 28.49 99.61 44.5" class="cls-2"/><polygon points="99.61 83.55 99.61 51.28 71.7 67.44 99.61 83.55" class="cls-2"/><polygon points="67.48 135.02 67.49 135.02 67.48 135.02 67.48 135.02" class="cls-2"/><polygon points="35.54 51.22 35.54 83.73 63.66 67.45 35.54 51.22" class="cls-1"/><path d="M65.47,0A67.2,67.2,0,0,0,35.83,7.83l29.64,17Z" class="cls-2"/><polygon points="35.54 12.3 35.54 44.62 63.68 28.48 35.54 12.3" class="cls-1"/><path d="M31.51,10.34A67.89,67.89,0,0,0,10.1,31.89L31.51,44.25Z" class="cls-2"/><path d="M99.43,8A67.23,67.23,0,0,0,69.49,0V25.15Z" class="cls-1"/><path d="M0,69.87A67.27,67.27,0,0,0,8.07,99.63L29.76,87.07Z" class="cls-1"/><path d="M8.07,35.37A67.16,67.16,0,0,0,0,65L29.79,47.91Z" class="cls-1"/><path d="M35.78,127.13A67.13,67.13,0,0,0,65.47,135V110.15Z" class="cls-2"/><path d="M124.92,32a67.9,67.9,0,0,0-21.28-21.52V44.3Z" class="cls-1"/><path d="M103.64,124.54A68,68,0,0,0,125,102.86L103.64,90.52Z" class="cls-1"/><path d="M135,64.81a67.06,67.06,0,0,0-8-29.35L105.49,47.88Z" class="cls-2"/><path d="M69.49,135a67.12,67.12,0,0,0,29.63-7.83L69.49,110Z" class="cls-1"/><polygon points="31.51 83.44 31.51 51.56 3.83 67.43 31.51 83.44" class="cls-2"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/cloudbees-previews/icons/components/hnc-configuration/icons/white/hnc-configuration-white.svg b/src/collections/integrations/cloudbees-previews/icons/components/hnc-configuration/icons/white/hnc-configuration-white.svg
new file mode 100644
index 000000000000..aa9e84b87c10
--- /dev/null
+++ b/src/collections/integrations/cloudbees-previews/icons/components/hnc-configuration/icons/white/hnc-configuration-white.svg
@@ -0,0 +1 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.405 8.732v6.57l5.694-3.297-5.694-3.273Zm0 7.942v6.602l5.747-3.285-5.747-3.317Z" fill="#fff"/><path d="M15.586 15.256v-6.47l-5.622 3.225 5.622 3.245ZM4.307 23.252a13.809 13.809 0 0 0 4.362 4.39v-6.914l-4.362 2.524Zm11.279-.008v-6.52L9.95 19.985l5.636 3.258Z" fill="#fff" fill-opacity=".8"/><path d="m9.49 27.23 5.707-3.263-5.707-3.3v6.563Z" fill="#fff"/><path d="M22.54 27.265v-6.553l-5.699 3.259 5.7 3.294Zm5.58-4.773a13.697 13.697 0 0 0 1.612-5.895l-5.934 3.397 4.323 2.498Z" fill="#fff" fill-opacity=".8"/><path d="m23.362 19.298 5.728-3.276-5.728-3.291v6.567Z" fill="#fff"/><path d="M22.541 11.315V4.8l-5.673 3.253 5.673 3.262Zm0 7.955v-6.574l-5.685 3.292 5.685 3.281Z" fill="#fff" fill-opacity=".8"/><path d="M9.49 12.684v6.622l5.728-3.316-5.728-3.306Z" fill="#fff"/><path d="M15.586 2.25a13.69 13.69 0 0 0-6.037 1.595l6.037 3.463V2.25Z" fill="#fff" fill-opacity=".8"/><path d="M9.49 4.756v6.583l5.732-3.288L9.49 4.756Z" fill="#fff"/><path d="M8.669 4.356a13.83 13.83 0 0 0-4.362 4.39l4.362 2.518V4.356Z" fill="#fff" fill-opacity=".8"/><path d="M22.504 3.88a13.695 13.695 0 0 0-6.099-1.63v5.123l6.1-3.493ZM2.25 16.483c.071 2.12.634 4.196 1.644 6.062l4.418-2.559-6.062-3.503Zm1.644-7.028a13.68 13.68 0 0 0-1.644 6.036l6.068-3.482-4.424-2.554Z" fill="#fff"/><path d="M9.539 28.147a13.673 13.673 0 0 0 6.047 1.603v-5.062L9.54 28.147Z" fill="#fff" fill-opacity=".8"/><path d="M27.697 8.768a13.83 13.83 0 0 0-4.335-4.383v6.889l4.335-2.506ZM23.362 27.62a13.851 13.851 0 0 0 4.351-4.417l-4.351-2.514v6.93Z" fill="#fff"/><path d="M29.75 15.452a13.659 13.659 0 0 0-1.63-5.979l-4.381 2.53 6.011 3.45Z" fill="#fff" fill-opacity=".8"/><path d="M16.405 29.75a13.673 13.673 0 0 0 6.036-1.595l-6.036-3.498v5.093Z" fill="#fff"/><path d="M8.669 19.247v-6.494L3.03 15.986l5.639 3.261Z" fill="#fff" fill-opacity=".8"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/cloudbees-previews/icons/components/subnamespace-anchor/icons/color/subnamespace-anchor-color.svg b/src/collections/integrations/cloudbees-previews/icons/components/subnamespace-anchor/icons/color/subnamespace-anchor-color.svg
new file mode 100644
index 000000000000..05129029bcb1
--- /dev/null
+++ b/src/collections/integrations/cloudbees-previews/icons/components/subnamespace-anchor/icons/color/subnamespace-anchor-color.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 134.95 135.02"><defs><style>.cls-1{fill:#00d3a9}.cls-2{fill:#00b39f}</style></defs><title>meshery-logo-light</title><polygon points="69.49 31.82 69.49 64.07 97.44 47.89 69.49 31.82" class="cls-1"/><polygon points="69.49 70.81 69.49 103.22 97.7 87.09 69.49 70.81" class="cls-1"/><polygon points="65.47 63.85 65.47 32.09 37.87 47.92 65.47 63.85" class="cls-2"/><path d="M10.1,103.1a67.79,67.79,0,0,0,21.41,21.55V90.71Z" class="cls-2"/><polygon points="65.47 103.06 65.47 71.05 37.8 87.07 65.47 103.06" class="cls-2"/><polygon points="35.54 122.63 63.56 106.61 35.54 90.41 35.54 122.63" class="cls-1"/><polygon points="99.61 122.8 99.61 90.63 71.63 106.63 99.61 122.8" class="cls-2"/><path d="M127,99.37a67.22,67.22,0,0,0,7.91-28.94L105.78,87.11Z" class="cls-2"/><polygon points="103.64 83.69 131.76 67.61 103.64 51.45 103.64 83.69" class="cls-1"/><polygon points="99.61 44.5 99.61 12.52 71.76 28.49 99.61 44.5" class="cls-2"/><polygon points="99.61 83.55 99.61 51.28 71.7 67.44 99.61 83.55" class="cls-2"/><polygon points="67.48 135.02 67.49 135.02 67.48 135.02 67.48 135.02" class="cls-2"/><polygon points="35.54 51.22 35.54 83.73 63.66 67.45 35.54 51.22" class="cls-1"/><path d="M65.47,0A67.2,67.2,0,0,0,35.83,7.83l29.64,17Z" class="cls-2"/><polygon points="35.54 12.3 35.54 44.62 63.68 28.48 35.54 12.3" class="cls-1"/><path d="M31.51,10.34A67.89,67.89,0,0,0,10.1,31.89L31.51,44.25Z" class="cls-2"/><path d="M99.43,8A67.23,67.23,0,0,0,69.49,0V25.15Z" class="cls-1"/><path d="M0,69.87A67.27,67.27,0,0,0,8.07,99.63L29.76,87.07Z" class="cls-1"/><path d="M8.07,35.37A67.16,67.16,0,0,0,0,65L29.79,47.91Z" class="cls-1"/><path d="M35.78,127.13A67.13,67.13,0,0,0,65.47,135V110.15Z" class="cls-2"/><path d="M124.92,32a67.9,67.9,0,0,0-21.28-21.52V44.3Z" class="cls-1"/><path d="M103.64,124.54A68,68,0,0,0,125,102.86L103.64,90.52Z" class="cls-1"/><path d="M135,64.81a67.06,67.06,0,0,0-8-29.35L105.49,47.88Z" class="cls-2"/><path d="M69.49,135a67.12,67.12,0,0,0,29.63-7.83L69.49,110Z" class="cls-1"/><polygon points="31.51 83.44 31.51 51.56 3.83 67.43 31.51 83.44" class="cls-2"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/cloudbees-previews/icons/components/subnamespace-anchor/icons/white/subnamespace-anchor-white.svg b/src/collections/integrations/cloudbees-previews/icons/components/subnamespace-anchor/icons/white/subnamespace-anchor-white.svg
new file mode 100644
index 000000000000..aa9e84b87c10
--- /dev/null
+++ b/src/collections/integrations/cloudbees-previews/icons/components/subnamespace-anchor/icons/white/subnamespace-anchor-white.svg
@@ -0,0 +1 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.405 8.732v6.57l5.694-3.297-5.694-3.273Zm0 7.942v6.602l5.747-3.285-5.747-3.317Z" fill="#fff"/><path d="M15.586 15.256v-6.47l-5.622 3.225 5.622 3.245ZM4.307 23.252a13.809 13.809 0 0 0 4.362 4.39v-6.914l-4.362 2.524Zm11.279-.008v-6.52L9.95 19.985l5.636 3.258Z" fill="#fff" fill-opacity=".8"/><path d="m9.49 27.23 5.707-3.263-5.707-3.3v6.563Z" fill="#fff"/><path d="M22.54 27.265v-6.553l-5.699 3.259 5.7 3.294Zm5.58-4.773a13.697 13.697 0 0 0 1.612-5.895l-5.934 3.397 4.323 2.498Z" fill="#fff" fill-opacity=".8"/><path d="m23.362 19.298 5.728-3.276-5.728-3.291v6.567Z" fill="#fff"/><path d="M22.541 11.315V4.8l-5.673 3.253 5.673 3.262Zm0 7.955v-6.574l-5.685 3.292 5.685 3.281Z" fill="#fff" fill-opacity=".8"/><path d="M9.49 12.684v6.622l5.728-3.316-5.728-3.306Z" fill="#fff"/><path d="M15.586 2.25a13.69 13.69 0 0 0-6.037 1.595l6.037 3.463V2.25Z" fill="#fff" fill-opacity=".8"/><path d="M9.49 4.756v6.583l5.732-3.288L9.49 4.756Z" fill="#fff"/><path d="M8.669 4.356a13.83 13.83 0 0 0-4.362 4.39l4.362 2.518V4.356Z" fill="#fff" fill-opacity=".8"/><path d="M22.504 3.88a13.695 13.695 0 0 0-6.099-1.63v5.123l6.1-3.493ZM2.25 16.483c.071 2.12.634 4.196 1.644 6.062l4.418-2.559-6.062-3.503Zm1.644-7.028a13.68 13.68 0 0 0-1.644 6.036l6.068-3.482-4.424-2.554Z" fill="#fff"/><path d="M9.539 28.147a13.673 13.673 0 0 0 6.047 1.603v-5.062L9.54 28.147Z" fill="#fff" fill-opacity=".8"/><path d="M27.697 8.768a13.83 13.83 0 0 0-4.335-4.383v6.889l4.335-2.506ZM23.362 27.62a13.851 13.851 0 0 0 4.351-4.417l-4.351-2.514v6.93Z" fill="#fff"/><path d="M29.75 15.452a13.659 13.659 0 0 0-1.63-5.979l-4.381 2.53 6.011 3.45Z" fill="#fff" fill-opacity=".8"/><path d="M16.405 29.75a13.673 13.673 0 0 0 6.036-1.595l-6.036-3.498v5.093Z" fill="#fff"/><path d="M8.669 19.247v-6.494L3.03 15.986l5.639 3.261Z" fill="#fff" fill-opacity=".8"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/cloudbees-previews/icons/white/cloudbees-previews-white.svg b/src/collections/integrations/cloudbees-previews/icons/white/cloudbees-previews-white.svg
new file mode 100644
index 000000000000..201bb2549ce4
--- /dev/null
+++ b/src/collections/integrations/cloudbees-previews/icons/white/cloudbees-previews-white.svg
@@ -0,0 +1 @@
+<svg fill="#ffffff" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" stroke="#ffffff"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M4.735 8.547c0-1.599 0.973-3.041 2.505-3.735 1.541-0.681 3.328-0.484 4.681 0.521l3.36-3.136c-3.12-2.557-7.5-2.916-10.989-0.891-3.396 1.887-5.032 5.876-3.932 9.6 1.271 3.76 4.833 6.265 8.801 6.187h3.437v-4.4h-3.437c-2.443-0.027-4.427-1.881-4.427-4.163zM22.745 14.855h-3.439v4.4h3.439c2.443 0 4.427 1.865 4.427 4.131 0 2.297-1.984 4.136-4.427 4.136-2.439 0-4.428-1.828-4.428-4.109v-14.881c0-2.104-0.839-4.145-2.344-5.719l-3.359 3.161c0.625 0.709 0.973 1.625 0.973 2.573v14.855c0 4.719 4.105 8.547 9.157 8.547 5.067 0 9.161-3.828 9.161-8.547s-4.095-8.547-9.161-8.547z"></path> </g></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/cloudbees-previews/index.mdx b/src/collections/integrations/cloudbees-previews/index.mdx
new file mode 100644
index 000000000000..ff231163e143
--- /dev/null
+++ b/src/collections/integrations/cloudbees-previews/index.mdx
@@ -0,0 +1,63 @@
+---
+title: Cloudbees Previews
+subtitle: Collaborative and visual infrastructure as design for Cloudbees Previews
+integrationIcon: icons/color/cloudbees-previews-color.svg
+darkModeIntegrationIcon: icons/white/cloudbees-previews-white.svg
+docURL: https://docs.meshery.io/extensibility/integrations/cloudbees-previews
+description: 
+category: App Definition and Development
+subcategory: Continuous Integration & Delivery
+registrant: Artifact Hub
+components: [
+{
+"name": "hierarchy-configuration",
+"colorIcon": "icons/components/hierarchy-configuration/icons/color/hierarchy-configuration-color.svg",
+"whiteIcon": "icons/components/hierarchy-configuration/icons/white/hierarchy-configuration-white.svg",
+"description": "",
+},
+{
+"name": "hnc-configuration",
+"colorIcon": "icons/components/hnc-configuration/icons/color/hnc-configuration-color.svg",
+"whiteIcon": "icons/components/hnc-configuration/icons/white/hnc-configuration-white.svg",
+"description": "",
+},
+{
+"name": "subnamespace-anchor",
+"colorIcon": "icons/components/subnamespace-anchor/icons/color/subnamespace-anchor-color.svg",
+"whiteIcon": "icons/components/subnamespace-anchor/icons/white/subnamespace-anchor-white.svg",
+"description": "",
+},
+{
+"name": "environment",
+"colorIcon": "icons/components/environment/icons/color/environment-color.svg",
+"whiteIcon": "icons/components/environment/icons/white/environment-white.svg",
+"description": "",
+},
+{
+"name": "git-repository",
+"colorIcon": "icons/components/git-repository/icons/color/git-repository-color.svg",
+"whiteIcon": "icons/components/git-repository/icons/white/git-repository-white.svg",
+"description": "",
+}]
+featureList: [
+  "Automates preview environment creation",
+  "Enables isolated testing and development",
+  "Integrates with GitOps workflows"
+]
+workingSlides: [
+  ../_images/kanvas-visualizer.png,
+  ../_images/kanvas-designer.png
+]
+howItWorks: "Integrates CloudBees Previews"
+howItWorksDetails: "Streamlined preview environment management for Kubernetes applications"
+published: TRUE
+---
+<p>
+CloudBees Previews is a platform for creating preview environments for applications in Kubernetes.
+</p>
+<p>
+    Collaboratively and visually diagram your cloud native infrastructure with GitOps-style pipeline integration. Design, test, and manage configuration your Kubernetes-based, containerized applications as a visual topology.
+</p>
+<p>
+    Looking for best practice cloud native design and deployment best practices? Choose from thousands of pre-built components in MeshMap. Choose from hundreds of ready-made design patterns by importing templates from Meshery Catalog or use our low code designer, MeshMap, to create and deploy your own cloud native infrastructure designs.
+</p>
diff --git a/src/collections/integrations/cloudcore/icons/color/cloudcore-color.svg b/src/collections/integrations/cloudcore/icons/color/cloudcore-color.svg
new file mode 100644
index 000000000000..5c8be839f4b1
--- /dev/null
+++ b/src/collections/integrations/cloudcore/icons/color/cloudcore-color.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="-1.76 0.49 364.26 356.51"><defs><style>.cls-1{fill:#1c77c8}.cls-2{fill:#fff}</style></defs><path d="M99.589 251.108a4.575 4.575 0 1 0 4.72 4.573 4.654 4.654 0 0 0-4.72-4.573zm150.361 9.146a4.575 4.575 0 1 0-4.72-4.573 4.653 4.653 0 0 0 4.72 4.573zm-16.086-37.929c20.693 0 37.567-16.148 37.567-35.987 0-14.965-9.619-27.82-23.127-33.248 0-1.068.095-2.158.095-3.249 0-30-25.37-54.386-56.78-54.386-22.649 0-42.029 12.692-51.17 30.998a27.216 27.216 0 0 0-16.038-5.267c-14.559 0-26.206 11.253-26.206 25.105a24.56 24.56 0 0 0 1.122 7.425 36.546 36.546 0 0 0-18.831 31.718c0 20.116 16.97 35.615 37.853 36.798h113.463c.668 0 1.312.093 2.052.093zM87.688 185.434a29.349 29.349 0 0 1 15.197-25.468l5.035-2.866-1.729-5.53a17.369 17.369 0 0 1-.794-5.279c0-9.846 8.398-17.913 19.014-17.913a20.02 20.02 0 0 1 11.786 3.876l6.878 5.04 3.809-7.628c8.173-16.37 25.37-27.019 44.736-27.019 27.472 0 49.587 21.206 49.587 47.194 0 .315-.01.612-.04 1.317a39.31 39.31 0 0 0-.055 1.932v4.86l4.51 1.813c11.185 4.495 18.617 14.959 18.617 26.575 0 15.79-13.58 28.795-30.375 28.795a8.9 8.9 0 0 1-.56-.029 28.085 28.085 0 0 0-.772-.047c-.333-.013-.333-.013-.72-.016H118.349c-17.206-.987-30.661-13.822-30.661-29.607zm88.275 82.21a4.575 4.575 0 1 0 4.72 4.573 4.654 4.654 0 0 0-4.72-4.573z" class="cls-1"/><path d="M267.594 339.93l81.986-102.808a27.308 27.308 0 0 0 5.273-23.103L325.593 85.82a27.307 27.307 0 0 0-14.775-18.527L192.345 10.24a27.309 27.309 0 0 0-23.697 0L50.174 67.293A27.308 27.308 0 0 0 35.4 85.82L6.14 214.02a27.308 27.308 0 0 0 5.273 23.103L93.399 339.93a27.308 27.308 0 0 0 21.35 10.282h131.496a27.308 27.308 0 0 0 21.35-10.282zm-31.11-89.023a14.174 14.174 0 1 1 0 9.547H209.56v-2.411h-.183v-28.612q-11.455-.005-28.64-.009v29.45a14.32 14.32 0 1 1-9.547-.001v-29.45l-28.64-.005v28.627h-.184v2.411h-29.31a14.174 14.174 0 1 1-.001-9.547h19.948v-21.492l-15.061-.002c-24.922-1.412-44.638-20.22-44.638-43.98a43.463 43.463 0 0 1 17.964-35.046 32.577 32.577 0 0 1-.255-4.096c0-17.923 14.965-32.297 33.398-32.29
\ No newline at end of file
diff --git a/src/collections/integrations/cloudcore/icons/components/cluster-object-sync/icons/color/cluster-object-sync-color.svg b/src/collections/integrations/cloudcore/icons/components/cluster-object-sync/icons/color/cluster-object-sync-color.svg
new file mode 100644
index 000000000000..05129029bcb1
--- /dev/null
+++ b/src/collections/integrations/cloudcore/icons/components/cluster-object-sync/icons/color/cluster-object-sync-color.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 134.95 135.02"><defs><style>.cls-1{fill:#00d3a9}.cls-2{fill:#00b39f}</style></defs><title>meshery-logo-light</title><polygon points="69.49 31.82 69.49 64.07 97.44 47.89 69.49 31.82" class="cls-1"/><polygon points="69.49 70.81 69.49 103.22 97.7 87.09 69.49 70.81" class="cls-1"/><polygon points="65.47 63.85 65.47 32.09 37.87 47.92 65.47 63.85" class="cls-2"/><path d="M10.1,103.1a67.79,67.79,0,0,0,21.41,21.55V90.71Z" class="cls-2"/><polygon points="65.47 103.06 65.47 71.05 37.8 87.07 65.47 103.06" class="cls-2"/><polygon points="35.54 122.63 63.56 106.61 35.54 90.41 35.54 122.63" class="cls-1"/><polygon points="99.61 122.8 99.61 90.63 71.63 106.63 99.61 122.8" class="cls-2"/><path d="M127,99.37a67.22,67.22,0,0,0,7.91-28.94L105.78,87.11Z" class="cls-2"/><polygon points="103.64 83.69 131.76 67.61 103.64 51.45 103.64 83.69" class="cls-1"/><polygon points="99.61 44.5 99.61 12.52 71.76 28.49 99.61 44.5" class="cls-2"/><polygon points="99.61 83.55 99.61 51.28 71.7 67.44 99.61 83.55" class="cls-2"/><polygon points="67.48 135.02 67.49 135.02 67.48 135.02 67.48 135.02" class="cls-2"/><polygon points="35.54 51.22 35.54 83.73 63.66 67.45 35.54 51.22" class="cls-1"/><path d="M65.47,0A67.2,67.2,0,0,0,35.83,7.83l29.64,17Z" class="cls-2"/><polygon points="35.54 12.3 35.54 44.62 63.68 28.48 35.54 12.3" class="cls-1"/><path d="M31.51,10.34A67.89,67.89,0,0,0,10.1,31.89L31.51,44.25Z" class="cls-2"/><path d="M99.43,8A67.23,67.23,0,0,0,69.49,0V25.15Z" class="cls-1"/><path d="M0,69.87A67.27,67.27,0,0,0,8.07,99.63L29.76,87.07Z" class="cls-1"/><path d="M8.07,35.37A67.16,67.16,0,0,0,0,65L29.79,47.91Z" class="cls-1"/><path d="M35.78,127.13A67.13,67.13,0,0,0,65.47,135V110.15Z" class="cls-2"/><path d="M124.92,32a67.9,67.9,0,0,0-21.28-21.52V44.3Z" class="cls-1"/><path d="M103.64,124.54A68,68,0,0,0,125,102.86L103.64,90.52Z" class="cls-1"/><path d="M135,64.81a67.06,67.06,0,0,0-8-29.35L105.49,47.88Z" class="cls-2"/><path d="M69.49,135a67.12,67.12,0,0,0,29.63-7.83L69.49,110Z" class="cls-1"/><polygon points="31.51 83.44 31.51 51.56 3.83 67.43 31.51 83.44" class="cls-2"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/cloudcore/icons/components/cluster-object-sync/icons/white/cluster-object-sync-white.svg b/src/collections/integrations/cloudcore/icons/components/cluster-object-sync/icons/white/cluster-object-sync-white.svg
new file mode 100644
index 000000000000..aa9e84b87c10
--- /dev/null
+++ b/src/collections/integrations/cloudcore/icons/components/cluster-object-sync/icons/white/cluster-object-sync-white.svg
@@ -0,0 +1 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.405 8.732v6.57l5.694-3.297-5.694-3.273Zm0 7.942v6.602l5.747-3.285-5.747-3.317Z" fill="#fff"/><path d="M15.586 15.256v-6.47l-5.622 3.225 5.622 3.245ZM4.307 23.252a13.809 13.809 0 0 0 4.362 4.39v-6.914l-4.362 2.524Zm11.279-.008v-6.52L9.95 19.985l5.636 3.258Z" fill="#fff" fill-opacity=".8"/><path d="m9.49 27.23 5.707-3.263-5.707-3.3v6.563Z" fill="#fff"/><path d="M22.54 27.265v-6.553l-5.699 3.259 5.7 3.294Zm5.58-4.773a13.697 13.697 0 0 0 1.612-5.895l-5.934 3.397 4.323 2.498Z" fill="#fff" fill-opacity=".8"/><path d="m23.362 19.298 5.728-3.276-5.728-3.291v6.567Z" fill="#fff"/><path d="M22.541 11.315V4.8l-5.673 3.253 5.673 3.262Zm0 7.955v-6.574l-5.685 3.292 5.685 3.281Z" fill="#fff" fill-opacity=".8"/><path d="M9.49 12.684v6.622l5.728-3.316-5.728-3.306Z" fill="#fff"/><path d="M15.586 2.25a13.69 13.69 0 0 0-6.037 1.595l6.037 3.463V2.25Z" fill="#fff" fill-opacity=".8"/><path d="M9.49 4.756v6.583l5.732-3.288L9.49 4.756Z" fill="#fff"/><path d="M8.669 4.356a13.83 13.83 0 0 0-4.362 4.39l4.362 2.518V4.356Z" fill="#fff" fill-opacity=".8"/><path d="M22.504 3.88a13.695 13.695 0 0 0-6.099-1.63v5.123l6.1-3.493ZM2.25 16.483c.071 2.12.634 4.196 1.644 6.062l4.418-2.559-6.062-3.503Zm1.644-7.028a13.68 13.68 0 0 0-1.644 6.036l6.068-3.482-4.424-2.554Z" fill="#fff"/><path d="M9.539 28.147a13.673 13.673 0 0 0 6.047 1.603v-5.062L9.54 28.147Z" fill="#fff" fill-opacity=".8"/><path d="M27.697 8.768a13.83 13.83 0 0 0-4.335-4.383v6.889l4.335-2.506ZM23.362 27.62a13.851 13.851 0 0 0 4.351-4.417l-4.351-2.514v6.93Z" fill="#fff"/><path d="M29.75 15.452a13.659 13.659 0 0 0-1.63-5.979l-4.381 2.53 6.011 3.45Z" fill="#fff" fill-opacity=".8"/><path d="M16.405 29.75a13.673 13.673 0 0 0 6.036-1.595l-6.036-3.498v5.093Z" fill="#fff"/><path d="M8.669 19.247v-6.494L3.03 15.986l5.639 3.261Z" fill="#fff" fill-opacity=".8"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/cloudcore/icons/components/device-model/icons/color/device-model-color.svg b/src/collections/integrations/cloudcore/icons/components/device-model/icons/color/device-model-color.svg
new file mode 100644
index 000000000000..05129029bcb1
--- /dev/null
+++ b/src/collections/integrations/cloudcore/icons/components/device-model/icons/color/device-model-color.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 134.95 135.02"><defs><style>.cls-1{fill:#00d3a9}.cls-2{fill:#00b39f}</style></defs><title>meshery-logo-light</title><polygon points="69.49 31.82 69.49 64.07 97.44 47.89 69.49 31.82" class="cls-1"/><polygon points="69.49 70.81 69.49 103.22 97.7 87.09 69.49 70.81" class="cls-1"/><polygon points="65.47 63.85 65.47 32.09 37.87 47.92 65.47 63.85" class="cls-2"/><path d="M10.1,103.1a67.79,67.79,0,0,0,21.41,21.55V90.71Z" class="cls-2"/><polygon points="65.47 103.06 65.47 71.05 37.8 87.07 65.47 103.06" class="cls-2"/><polygon points="35.54 122.63 63.56 106.61 35.54 90.41 35.54 122.63" class="cls-1"/><polygon points="99.61 122.8 99.61 90.63 71.63 106.63 99.61 122.8" class="cls-2"/><path d="M127,99.37a67.22,67.22,0,0,0,7.91-28.94L105.78,87.11Z" class="cls-2"/><polygon points="103.64 83.69 131.76 67.61 103.64 51.45 103.64 83.69" class="cls-1"/><polygon points="99.61 44.5 99.61 12.52 71.76 28.49 99.61 44.5" class="cls-2"/><polygon points="99.61 83.55 99.61 51.28 71.7 67.44 99.61 83.55" class="cls-2"/><polygon points="67.48 135.02 67.49 135.02 67.48 135.02 67.48 135.02" class="cls-2"/><polygon points="35.54 51.22 35.54 83.73 63.66 67.45 35.54 51.22" class="cls-1"/><path d="M65.47,0A67.2,67.2,0,0,0,35.83,7.83l29.64,17Z" class="cls-2"/><polygon points="35.54 12.3 35.54 44.62 63.68 28.48 35.54 12.3" class="cls-1"/><path d="M31.51,10.34A67.89,67.89,0,0,0,10.1,31.89L31.51,44.25Z" class="cls-2"/><path d="M99.43,8A67.23,67.23,0,0,0,69.49,0V25.15Z" class="cls-1"/><path d="M0,69.87A67.27,67.27,0,0,0,8.07,99.63L29.76,87.07Z" class="cls-1"/><path d="M8.07,35.37A67.16,67.16,0,0,0,0,65L29.79,47.91Z" class="cls-1"/><path d="M35.78,127.13A67.13,67.13,0,0,0,65.47,135V110.15Z" class="cls-2"/><path d="M124.92,32a67.9,67.9,0,0,0-21.28-21.52V44.3Z" class="cls-1"/><path d="M103.64,124.54A68,68,0,0,0,125,102.86L103.64,90.52Z" class="cls-1"/><path d="M135,64.81a67.06,67.06,0,0,0-8-29.35L105.49,47.88Z" class="cls-2"/><path d="M69.49,135a67.12,67.12,0,0,0,29.63-7.83L69.49,110Z" class="cls-1"/><polygon points="31.51 83.44 31.51 51.56 3.83 67.43 31.51 83.44" class="cls-2"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/cloudcore/icons/components/device-model/icons/white/device-model-white.svg b/src/collections/integrations/cloudcore/icons/components/device-model/icons/white/device-model-white.svg
new file mode 100644
index 000000000000..aa9e84b87c10
--- /dev/null
+++ b/src/collections/integrations/cloudcore/icons/components/device-model/icons/white/device-model-white.svg
@@ -0,0 +1 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.405 8.732v6.57l5.694-3.297-5.694-3.273Zm0 7.942v6.602l5.747-3.285-5.747-3.317Z" fill="#fff"/><path d="M15.586 15.256v-6.47l-5.622 3.225 5.622 3.245ZM4.307 23.252a13.809 13.809 0 0 0 4.362 4.39v-6.914l-4.362 2.524Zm11.279-.008v-6.52L9.95 19.985l5.636 3.258Z" fill="#fff" fill-opacity=".8"/><path d="m9.49 27.23 5.707-3.263-5.707-3.3v6.563Z" fill="#fff"/><path d="M22.54 27.265v-6.553l-5.699 3.259 5.7 3.294Zm5.58-4.773a13.697 13.697 0 0 0 1.612-5.895l-5.934 3.397 4.323 2.498Z" fill="#fff" fill-opacity=".8"/><path d="m23.362 19.298 5.728-3.276-5.728-3.291v6.567Z" fill="#fff"/><path d="M22.541 11.315V4.8l-5.673 3.253 5.673 3.262Zm0 7.955v-6.574l-5.685 3.292 5.685 3.281Z" fill="#fff" fill-opacity=".8"/><path d="M9.49 12.684v6.622l5.728-3.316-5.728-3.306Z" fill="#fff"/><path d="M15.586 2.25a13.69 13.69 0 0 0-6.037 1.595l6.037 3.463V2.25Z" fill="#fff" fill-opacity=".8"/><path d="M9.49 4.756v6.583l5.732-3.288L9.49 4.756Z" fill="#fff"/><path d="M8.669 4.356a13.83 13.83 0 0 0-4.362 4.39l4.362 2.518V4.356Z" fill="#fff" fill-opacity=".8"/><path d="M22.504 3.88a13.695 13.695 0 0 0-6.099-1.63v5.123l6.1-3.493ZM2.25 16.483c.071 2.12.634 4.196 1.644 6.062l4.418-2.559-6.062-3.503Zm1.644-7.028a13.68 13.68 0 0 0-1.644 6.036l6.068-3.482-4.424-2.554Z" fill="#fff"/><path d="M9.539 28.147a13.673 13.673 0 0 0 6.047 1.603v-5.062L9.54 28.147Z" fill="#fff" fill-opacity=".8"/><path d="M27.697 8.768a13.83 13.83 0 0 0-4.335-4.383v6.889l4.335-2.506ZM23.362 27.62a13.851 13.851 0 0 0 4.351-4.417l-4.351-2.514v6.93Z" fill="#fff"/><path d="M29.75 15.452a13.659 13.659 0 0 0-1.63-5.979l-4.381 2.53 6.011 3.45Z" fill="#fff" fill-opacity=".8"/><path d="M16.405 29.75a13.673 13.673 0 0 0 6.036-1.595l-6.036-3.498v5.093Z" fill="#fff"/><path d="M8.669 19.247v-6.494L3.03 15.986l5.639 3.261Z" fill="#fff" fill-opacity=".8"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/cloudcore/icons/components/device/icons/color/device-color.svg b/src/collections/integrations/cloudcore/icons/components/device/icons/color/device-color.svg
new file mode 100644
index 000000000000..05129029bcb1
--- /dev/null
+++ b/src/collections/integrations/cloudcore/icons/components/device/icons/color/device-color.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 134.95 135.02"><defs><style>.cls-1{fill:#00d3a9}.cls-2{fill:#00b39f}</style></defs><title>meshery-logo-light</title><polygon points="69.49 31.82 69.49 64.07 97.44 47.89 69.49 31.82" class="cls-1"/><polygon points="69.49 70.81 69.49 103.22 97.7 87.09 69.49 70.81" class="cls-1"/><polygon points="65.47 63.85 65.47 32.09 37.87 47.92 65.47 63.85" class="cls-2"/><path d="M10.1,103.1a67.79,67.79,0,0,0,21.41,21.55V90.71Z" class="cls-2"/><polygon points="65.47 103.06 65.47 71.05 37.8 87.07 65.47 103.06" class="cls-2"/><polygon points="35.54 122.63 63.56 106.61 35.54 90.41 35.54 122.63" class="cls-1"/><polygon points="99.61 122.8 99.61 90.63 71.63 106.63 99.61 122.8" class="cls-2"/><path d="M127,99.37a67.22,67.22,0,0,0,7.91-28.94L105.78,87.11Z" class="cls-2"/><polygon points="103.64 83.69 131.76 67.61 103.64 51.45 103.64 83.69" class="cls-1"/><polygon points="99.61 44.5 99.61 12.52 71.76 28.49 99.61 44.5" class="cls-2"/><polygon points="99.61 83.55 99.61 51.28 71.7 67.44 99.61 83.55" class="cls-2"/><polygon points="67.48 135.02 67.49 135.02 67.48 135.02 67.48 135.02" class="cls-2"/><polygon points="35.54 51.22 35.54 83.73 63.66 67.45 35.54 51.22" class="cls-1"/><path d="M65.47,0A67.2,67.2,0,0,0,35.83,7.83l29.64,17Z" class="cls-2"/><polygon points="35.54 12.3 35.54 44.62 63.68 28.48 35.54 12.3" class="cls-1"/><path d="M31.51,10.34A67.89,67.89,0,0,0,10.1,31.89L31.51,44.25Z" class="cls-2"/><path d="M99.43,8A67.23,67.23,0,0,0,69.49,0V25.15Z" class="cls-1"/><path d="M0,69.87A67.27,67.27,0,0,0,8.07,99.63L29.76,87.07Z" class="cls-1"/><path d="M8.07,35.37A67.16,67.16,0,0,0,0,65L29.79,47.91Z" class="cls-1"/><path d="M35.78,127.13A67.13,67.13,0,0,0,65.47,135V110.15Z" class="cls-2"/><path d="M124.92,32a67.9,67.9,0,0,0-21.28-21.52V44.3Z" class="cls-1"/><path d="M103.64,124.54A68,68,0,0,0,125,102.86L103.64,90.52Z" class="cls-1"/><path d="M135,64.81a67.06,67.06,0,0,0-8-29.35L105.49,47.88Z" class="cls-2"/><path d="M69.49,135a67.12,67.12,0,0,0,29.63-7.83L69.49,110Z" class="cls-1"/><polygon points="31.51 83.44 31.51 51.56 3.83 67.43 31.51 83.44" class="cls-2"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/cloudcore/icons/components/device/icons/white/device-white.svg b/src/collections/integrations/cloudcore/icons/components/device/icons/white/device-white.svg
new file mode 100644
index 000000000000..aa9e84b87c10
--- /dev/null
+++ b/src/collections/integrations/cloudcore/icons/components/device/icons/white/device-white.svg
@@ -0,0 +1 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.405 8.732v6.57l5.694-3.297-5.694-3.273Zm0 7.942v6.602l5.747-3.285-5.747-3.317Z" fill="#fff"/><path d="M15.586 15.256v-6.47l-5.622 3.225 5.622 3.245ZM4.307 23.252a13.809 13.809 0 0 0 4.362 4.39v-6.914l-4.362 2.524Zm11.279-.008v-6.52L9.95 19.985l5.636 3.258Z" fill="#fff" fill-opacity=".8"/><path d="m9.49 27.23 5.707-3.263-5.707-3.3v6.563Z" fill="#fff"/><path d="M22.54 27.265v-6.553l-5.699 3.259 5.7 3.294Zm5.58-4.773a13.697 13.697 0 0 0 1.612-5.895l-5.934 3.397 4.323 2.498Z" fill="#fff" fill-opacity=".8"/><path d="m23.362 19.298 5.728-3.276-5.728-3.291v6.567Z" fill="#fff"/><path d="M22.541 11.315V4.8l-5.673 3.253 5.673 3.262Zm0 7.955v-6.574l-5.685 3.292 5.685 3.281Z" fill="#fff" fill-opacity=".8"/><path d="M9.49 12.684v6.622l5.728-3.316-5.728-3.306Z" fill="#fff"/><path d="M15.586 2.25a13.69 13.69 0 0 0-6.037 1.595l6.037 3.463V2.25Z" fill="#fff" fill-opacity=".8"/><path d="M9.49 4.756v6.583l5.732-3.288L9.49 4.756Z" fill="#fff"/><path d="M8.669 4.356a13.83 13.83 0 0 0-4.362 4.39l4.362 2.518V4.356Z" fill="#fff" fill-opacity=".8"/><path d="M22.504 3.88a13.695 13.695 0 0 0-6.099-1.63v5.123l6.1-3.493ZM2.25 16.483c.071 2.12.634 4.196 1.644 6.062l4.418-2.559-6.062-3.503Zm1.644-7.028a13.68 13.68 0 0 0-1.644 6.036l6.068-3.482-4.424-2.554Z" fill="#fff"/><path d="M9.539 28.147a13.673 13.673 0 0 0 6.047 1.603v-5.062L9.54 28.147Z" fill="#fff" fill-opacity=".8"/><path d="M27.697 8.768a13.83 13.83 0 0 0-4.335-4.383v6.889l4.335-2.506ZM23.362 27.62a13.851 13.851 0 0 0 4.351-4.417l-4.351-2.514v6.93Z" fill="#fff"/><path d="M29.75 15.452a13.659 13.659 0 0 0-1.63-5.979l-4.381 2.53 6.011 3.45Z" fill="#fff" fill-opacity=".8"/><path d="M16.405 29.75a13.673 13.673 0 0 0 6.036-1.595l-6.036-3.498v5.093Z" fill="#fff"/><path d="M8.669 19.247v-6.494L3.03 15.986l5.639 3.261Z" fill="#fff" fill-opacity=".8"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/cloudcore/icons/components/edge-application/icons/color/edge-application-color.svg b/src/collections/integrations/cloudcore/icons/components/edge-application/icons/color/edge-application-color.svg
new file mode 100644
index 000000000000..05129029bcb1
--- /dev/null
+++ b/src/collections/integrations/cloudcore/icons/components/edge-application/icons/color/edge-application-color.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 134.95 135.02"><defs><style>.cls-1{fill:#00d3a9}.cls-2{fill:#00b39f}</style></defs><title>meshery-logo-light</title><polygon points="69.49 31.82 69.49 64.07 97.44 47.89 69.49 31.82" class="cls-1"/><polygon points="69.49 70.81 69.49 103.22 97.7 87.09 69.49 70.81" class="cls-1"/><polygon points="65.47 63.85 65.47 32.09 37.87 47.92 65.47 63.85" class="cls-2"/><path d="M10.1,103.1a67.79,67.79,0,0,0,21.41,21.55V90.71Z" class="cls-2"/><polygon points="65.47 103.06 65.47 71.05 37.8 87.07 65.47 103.06" class="cls-2"/><polygon points="35.54 122.63 63.56 106.61 35.54 90.41 35.54 122.63" class="cls-1"/><polygon points="99.61 122.8 99.61 90.63 71.63 106.63 99.61 122.8" class="cls-2"/><path d="M127,99.37a67.22,67.22,0,0,0,7.91-28.94L105.78,87.11Z" class="cls-2"/><polygon points="103.64 83.69 131.76 67.61 103.64 51.45 103.64 83.69" class="cls-1"/><polygon points="99.61 44.5 99.61 12.52 71.76 28.49 99.61 44.5" class="cls-2"/><polygon points="99.61 83.55 99.61 51.28 71.7 67.44 99.61 83.55" class="cls-2"/><polygon points="67.48 135.02 67.49 135.02 67.48 135.02 67.48 135.02" class="cls-2"/><polygon points="35.54 51.22 35.54 83.73 63.66 67.45 35.54 51.22" class="cls-1"/><path d="M65.47,0A67.2,67.2,0,0,0,35.83,7.83l29.64,17Z" class="cls-2"/><polygon points="35.54 12.3 35.54 44.62 63.68 28.48 35.54 12.3" class="cls-1"/><path d="M31.51,10.34A67.89,67.89,0,0,0,10.1,31.89L31.51,44.25Z" class="cls-2"/><path d="M99.43,8A67.23,67.23,0,0,0,69.49,0V25.15Z" class="cls-1"/><path d="M0,69.87A67.27,67.27,0,0,0,8.07,99.63L29.76,87.07Z" class="cls-1"/><path d="M8.07,35.37A67.16,67.16,0,0,0,0,65L29.79,47.91Z" class="cls-1"/><path d="M35.78,127.13A67.13,67.13,0,0,0,65.47,135V110.15Z" class="cls-2"/><path d="M124.92,32a67.9,67.9,0,0,0-21.28-21.52V44.3Z" class="cls-1"/><path d="M103.64,124.54A68,68,0,0,0,125,102.86L103.64,90.52Z" class="cls-1"/><path d="M135,64.81a67.06,67.06,0,0,0-8-29.35L105.49,47.88Z" class="cls-2"/><path d="M69.49,135a67.12,67.12,0,0,0,29.63-7.83L69.49,110Z" class="cls-1"/><polygon points="31.51 83.44 31.51 51.56 3.83 67.43 31.51 83.44" class="cls-2"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/cloudcore/icons/components/edge-application/icons/white/edge-application-white.svg b/src/collections/integrations/cloudcore/icons/components/edge-application/icons/white/edge-application-white.svg
new file mode 100644
index 000000000000..aa9e84b87c10
--- /dev/null
+++ b/src/collections/integrations/cloudcore/icons/components/edge-application/icons/white/edge-application-white.svg
@@ -0,0 +1 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.405 8.732v6.57l5.694-3.297-5.694-3.273Zm0 7.942v6.602l5.747-3.285-5.747-3.317Z" fill="#fff"/><path d="M15.586 15.256v-6.47l-5.622 3.225 5.622 3.245ZM4.307 23.252a13.809 13.809 0 0 0 4.362 4.39v-6.914l-4.362 2.524Zm11.279-.008v-6.52L9.95 19.985l5.636 3.258Z" fill="#fff" fill-opacity=".8"/><path d="m9.49 27.23 5.707-3.263-5.707-3.3v6.563Z" fill="#fff"/><path d="M22.54 27.265v-6.553l-5.699 3.259 5.7 3.294Zm5.58-4.773a13.697 13.697 0 0 0 1.612-5.895l-5.934 3.397 4.323 2.498Z" fill="#fff" fill-opacity=".8"/><path d="m23.362 19.298 5.728-3.276-5.728-3.291v6.567Z" fill="#fff"/><path d="M22.541 11.315V4.8l-5.673 3.253 5.673 3.262Zm0 7.955v-6.574l-5.685 3.292 5.685 3.281Z" fill="#fff" fill-opacity=".8"/><path d="M9.49 12.684v6.622l5.728-3.316-5.728-3.306Z" fill="#fff"/><path d="M15.586 2.25a13.69 13.69 0 0 0-6.037 1.595l6.037 3.463V2.25Z" fill="#fff" fill-opacity=".8"/><path d="M9.49 4.756v6.583l5.732-3.288L9.49 4.756Z" fill="#fff"/><path d="M8.669 4.356a13.83 13.83 0 0 0-4.362 4.39l4.362 2.518V4.356Z" fill="#fff" fill-opacity=".8"/><path d="M22.504 3.88a13.695 13.695 0 0 0-6.099-1.63v5.123l6.1-3.493ZM2.25 16.483c.071 2.12.634 4.196 1.644 6.062l4.418-2.559-6.062-3.503Zm1.644-7.028a13.68 13.68 0 0 0-1.644 6.036l6.068-3.482-4.424-2.554Z" fill="#fff"/><path d="M9.539 28.147a13.673 13.673 0 0 0 6.047 1.603v-5.062L9.54 28.147Z" fill="#fff" fill-opacity=".8"/><path d="M27.697 8.768a13.83 13.83 0 0 0-4.335-4.383v6.889l4.335-2.506ZM23.362 27.62a13.851 13.851 0 0 0 4.351-4.417l-4.351-2.514v6.93Z" fill="#fff"/><path d="M29.75 15.452a13.659 13.659 0 0 0-1.63-5.979l-4.381 2.53 6.011 3.45Z" fill="#fff" fill-opacity=".8"/><path d="M16.405 29.75a13.673 13.673 0 0 0 6.036-1.595l-6.036-3.498v5.093Z" fill="#fff"/><path d="M8.669 19.247v-6.494L3.03 15.986l5.639 3.261Z" fill="#fff" fill-opacity=".8"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/cloudcore/icons/components/node-group/icons/color/node-group-color.svg b/src/collections/integrations/cloudcore/icons/components/node-group/icons/color/node-group-color.svg
new file mode 100644
index 000000000000..05129029bcb1
--- /dev/null
+++ b/src/collections/integrations/cloudcore/icons/components/node-group/icons/color/node-group-color.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 134.95 135.02"><defs><style>.cls-1{fill:#00d3a9}.cls-2{fill:#00b39f}</style></defs><title>meshery-logo-light</title><polygon points="69.49 31.82 69.49 64.07 97.44 47.89 69.49 31.82" class="cls-1"/><polygon points="69.49 70.81 69.49 103.22 97.7 87.09 69.49 70.81" class="cls-1"/><polygon points="65.47 63.85 65.47 32.09 37.87 47.92 65.47 63.85" class="cls-2"/><path d="M10.1,103.1a67.79,67.79,0,0,0,21.41,21.55V90.71Z" class="cls-2"/><polygon points="65.47 103.06 65.47 71.05 37.8 87.07 65.47 103.06" class="cls-2"/><polygon points="35.54 122.63 63.56 106.61 35.54 90.41 35.54 122.63" class="cls-1"/><polygon points="99.61 122.8 99.61 90.63 71.63 106.63 99.61 122.8" class="cls-2"/><path d="M127,99.37a67.22,67.22,0,0,0,7.91-28.94L105.78,87.11Z" class="cls-2"/><polygon points="103.64 83.69 131.76 67.61 103.64 51.45 103.64 83.69" class="cls-1"/><polygon points="99.61 44.5 99.61 12.52 71.76 28.49 99.61 44.5" class="cls-2"/><polygon points="99.61 83.55 99.61 51.28 71.7 67.44 99.61 83.55" class="cls-2"/><polygon points="67.48 135.02 67.49 135.02 67.48 135.02 67.48 135.02" class="cls-2"/><polygon points="35.54 51.22 35.54 83.73 63.66 67.45 35.54 51.22" class="cls-1"/><path d="M65.47,0A67.2,67.2,0,0,0,35.83,7.83l29.64,17Z" class="cls-2"/><polygon points="35.54 12.3 35.54 44.62 63.68 28.48 35.54 12.3" class="cls-1"/><path d="M31.51,10.34A67.89,67.89,0,0,0,10.1,31.89L31.51,44.25Z" class="cls-2"/><path d="M99.43,8A67.23,67.23,0,0,0,69.49,0V25.15Z" class="cls-1"/><path d="M0,69.87A67.27,67.27,0,0,0,8.07,99.63L29.76,87.07Z" class="cls-1"/><path d="M8.07,35.37A67.16,67.16,0,0,0,0,65L29.79,47.91Z" class="cls-1"/><path d="M35.78,127.13A67.13,67.13,0,0,0,65.47,135V110.15Z" class="cls-2"/><path d="M124.92,32a67.9,67.9,0,0,0-21.28-21.52V44.3Z" class="cls-1"/><path d="M103.64,124.54A68,68,0,0,0,125,102.86L103.64,90.52Z" class="cls-1"/><path d="M135,64.81a67.06,67.06,0,0,0-8-29.35L105.49,47.88Z" class="cls-2"/><path d="M69.49,135a67.12,67.12,0,0,0,29.63-7.83L69.49,110Z" class="cls-1"/><polygon points="31.51 83.44 31.51 51.56 3.83 67.43 31.51 83.44" class="cls-2"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/cloudcore/icons/components/node-group/icons/white/node-group-white.svg b/src/collections/integrations/cloudcore/icons/components/node-group/icons/white/node-group-white.svg
new file mode 100644
index 000000000000..aa9e84b87c10
--- /dev/null
+++ b/src/collections/integrations/cloudcore/icons/components/node-group/icons/white/node-group-white.svg
@@ -0,0 +1 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.405 8.732v6.57l5.694-3.297-5.694-3.273Zm0 7.942v6.602l5.747-3.285-5.747-3.317Z" fill="#fff"/><path d="M15.586 15.256v-6.47l-5.622 3.225 5.622 3.245ZM4.307 23.252a13.809 13.809 0 0 0 4.362 4.39v-6.914l-4.362 2.524Zm11.279-.008v-6.52L9.95 19.985l5.636 3.258Z" fill="#fff" fill-opacity=".8"/><path d="m9.49 27.23 5.707-3.263-5.707-3.3v6.563Z" fill="#fff"/><path d="M22.54 27.265v-6.553l-5.699 3.259 5.7 3.294Zm5.58-4.773a13.697 13.697 0 0 0 1.612-5.895l-5.934 3.397 4.323 2.498Z" fill="#fff" fill-opacity=".8"/><path d="m23.362 19.298 5.728-3.276-5.728-3.291v6.567Z" fill="#fff"/><path d="M22.541 11.315V4.8l-5.673 3.253 5.673 3.262Zm0 7.955v-6.574l-5.685 3.292 5.685 3.281Z" fill="#fff" fill-opacity=".8"/><path d="M9.49 12.684v6.622l5.728-3.316-5.728-3.306Z" fill="#fff"/><path d="M15.586 2.25a13.69 13.69 0 0 0-6.037 1.595l6.037 3.463V2.25Z" fill="#fff" fill-opacity=".8"/><path d="M9.49 4.756v6.583l5.732-3.288L9.49 4.756Z" fill="#fff"/><path d="M8.669 4.356a13.83 13.83 0 0 0-4.362 4.39l4.362 2.518V4.356Z" fill="#fff" fill-opacity=".8"/><path d="M22.504 3.88a13.695 13.695 0 0 0-6.099-1.63v5.123l6.1-3.493ZM2.25 16.483c.071 2.12.634 4.196 1.644 6.062l4.418-2.559-6.062-3.503Zm1.644-7.028a13.68 13.68 0 0 0-1.644 6.036l6.068-3.482-4.424-2.554Z" fill="#fff"/><path d="M9.539 28.147a13.673 13.673 0 0 0 6.047 1.603v-5.062L9.54 28.147Z" fill="#fff" fill-opacity=".8"/><path d="M27.697 8.768a13.83 13.83 0 0 0-4.335-4.383v6.889l4.335-2.506ZM23.362 27.62a13.851 13.851 0 0 0 4.351-4.417l-4.351-2.514v6.93Z" fill="#fff"/><path d="M29.75 15.452a13.659 13.659 0 0 0-1.63-5.979l-4.381 2.53 6.011 3.45Z" fill="#fff" fill-opacity=".8"/><path d="M16.405 29.75a13.673 13.673 0 0 0 6.036-1.595l-6.036-3.498v5.093Z" fill="#fff"/><path d="M8.669 19.247v-6.494L3.03 15.986l5.639 3.261Z" fill="#fff" fill-opacity=".8"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/cloudcore/icons/components/object-sync/icons/color/object-sync-color.svg b/src/collections/integrations/cloudcore/icons/components/object-sync/icons/color/object-sync-color.svg
new file mode 100644
index 000000000000..05129029bcb1
--- /dev/null
+++ b/src/collections/integrations/cloudcore/icons/components/object-sync/icons/color/object-sync-color.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 134.95 135.02"><defs><style>.cls-1{fill:#00d3a9}.cls-2{fill:#00b39f}</style></defs><title>meshery-logo-light</title><polygon points="69.49 31.82 69.49 64.07 97.44 47.89 69.49 31.82" class="cls-1"/><polygon points="69.49 70.81 69.49 103.22 97.7 87.09 69.49 70.81" class="cls-1"/><polygon points="65.47 63.85 65.47 32.09 37.87 47.92 65.47 63.85" class="cls-2"/><path d="M10.1,103.1a67.79,67.79,0,0,0,21.41,21.55V90.71Z" class="cls-2"/><polygon points="65.47 103.06 65.47 71.05 37.8 87.07 65.47 103.06" class="cls-2"/><polygon points="35.54 122.63 63.56 106.61 35.54 90.41 35.54 122.63" class="cls-1"/><polygon points="99.61 122.8 99.61 90.63 71.63 106.63 99.61 122.8" class="cls-2"/><path d="M127,99.37a67.22,67.22,0,0,0,7.91-28.94L105.78,87.11Z" class="cls-2"/><polygon points="103.64 83.69 131.76 67.61 103.64 51.45 103.64 83.69" class="cls-1"/><polygon points="99.61 44.5 99.61 12.52 71.76 28.49 99.61 44.5" class="cls-2"/><polygon points="99.61 83.55 99.61 51.28 71.7 67.44 99.61 83.55" class="cls-2"/><polygon points="67.48 135.02 67.49 135.02 67.48 135.02 67.48 135.02" class="cls-2"/><polygon points="35.54 51.22 35.54 83.73 63.66 67.45 35.54 51.22" class="cls-1"/><path d="M65.47,0A67.2,67.2,0,0,0,35.83,7.83l29.64,17Z" class="cls-2"/><polygon points="35.54 12.3 35.54 44.62 63.68 28.48 35.54 12.3" class="cls-1"/><path d="M31.51,10.34A67.89,67.89,0,0,0,10.1,31.89L31.51,44.25Z" class="cls-2"/><path d="M99.43,8A67.23,67.23,0,0,0,69.49,0V25.15Z" class="cls-1"/><path d="M0,69.87A67.27,67.27,0,0,0,8.07,99.63L29.76,87.07Z" class="cls-1"/><path d="M8.07,35.37A67.16,67.16,0,0,0,0,65L29.79,47.91Z" class="cls-1"/><path d="M35.78,127.13A67.13,67.13,0,0,0,65.47,135V110.15Z" class="cls-2"/><path d="M124.92,32a67.9,67.9,0,0,0-21.28-21.52V44.3Z" class="cls-1"/><path d="M103.64,124.54A68,68,0,0,0,125,102.86L103.64,90.52Z" class="cls-1"/><path d="M135,64.81a67.06,67.06,0,0,0-8-29.35L105.49,47.88Z" class="cls-2"/><path d="M69.49,135a67.12,67.12,0,0,0,29.63-7.83L69.49,110Z" class="cls-1"/><polygon points="31.51 83.44 31.51 51.56 3.83 67.43 31.51 83.44" class="cls-2"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/cloudcore/icons/components/object-sync/icons/white/object-sync-white.svg b/src/collections/integrations/cloudcore/icons/components/object-sync/icons/white/object-sync-white.svg
new file mode 100644
index 000000000000..aa9e84b87c10
--- /dev/null
+++ b/src/collections/integrations/cloudcore/icons/components/object-sync/icons/white/object-sync-white.svg
@@ -0,0 +1 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.405 8.732v6.57l5.694-3.297-5.694-3.273Zm0 7.942v6.602l5.747-3.285-5.747-3.317Z" fill="#fff"/><path d="M15.586 15.256v-6.47l-5.622 3.225 5.622 3.245ZM4.307 23.252a13.809 13.809 0 0 0 4.362 4.39v-6.914l-4.362 2.524Zm11.279-.008v-6.52L9.95 19.985l5.636 3.258Z" fill="#fff" fill-opacity=".8"/><path d="m9.49 27.23 5.707-3.263-5.707-3.3v6.563Z" fill="#fff"/><path d="M22.54 27.265v-6.553l-5.699 3.259 5.7 3.294Zm5.58-4.773a13.697 13.697 0 0 0 1.612-5.895l-5.934 3.397 4.323 2.498Z" fill="#fff" fill-opacity=".8"/><path d="m23.362 19.298 5.728-3.276-5.728-3.291v6.567Z" fill="#fff"/><path d="M22.541 11.315V4.8l-5.673 3.253 5.673 3.262Zm0 7.955v-6.574l-5.685 3.292 5.685 3.281Z" fill="#fff" fill-opacity=".8"/><path d="M9.49 12.684v6.622l5.728-3.316-5.728-3.306Z" fill="#fff"/><path d="M15.586 2.25a13.69 13.69 0 0 0-6.037 1.595l6.037 3.463V2.25Z" fill="#fff" fill-opacity=".8"/><path d="M9.49 4.756v6.583l5.732-3.288L9.49 4.756Z" fill="#fff"/><path d="M8.669 4.356a13.83 13.83 0 0 0-4.362 4.39l4.362 2.518V4.356Z" fill="#fff" fill-opacity=".8"/><path d="M22.504 3.88a13.695 13.695 0 0 0-6.099-1.63v5.123l6.1-3.493ZM2.25 16.483c.071 2.12.634 4.196 1.644 6.062l4.418-2.559-6.062-3.503Zm1.644-7.028a13.68 13.68 0 0 0-1.644 6.036l6.068-3.482-4.424-2.554Z" fill="#fff"/><path d="M9.539 28.147a13.673 13.673 0 0 0 6.047 1.603v-5.062L9.54 28.147Z" fill="#fff" fill-opacity=".8"/><path d="M27.697 8.768a13.83 13.83 0 0 0-4.335-4.383v6.889l4.335-2.506ZM23.362 27.62a13.851 13.851 0 0 0 4.351-4.417l-4.351-2.514v6.93Z" fill="#fff"/><path d="M29.75 15.452a13.659 13.659 0 0 0-1.63-5.979l-4.381 2.53 6.011 3.45Z" fill="#fff" fill-opacity=".8"/><path d="M16.405 29.75a13.673 13.673 0 0 0 6.036-1.595l-6.036-3.498v5.093Z" fill="#fff"/><path d="M8.669 19.247v-6.494L3.03 15.986l5.639 3.261Z" fill="#fff" fill-opacity=".8"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/cloudcore/icons/components/rule-endpoint/icons/color/rule-endpoint-color.svg b/src/collections/integrations/cloudcore/icons/components/rule-endpoint/icons/color/rule-endpoint-color.svg
new file mode 100644
index 000000000000..05129029bcb1
--- /dev/null
+++ b/src/collections/integrations/cloudcore/icons/components/rule-endpoint/icons/color/rule-endpoint-color.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 134.95 135.02"><defs><style>.cls-1{fill:#00d3a9}.cls-2{fill:#00b39f}</style></defs><title>meshery-logo-light</title><polygon points="69.49 31.82 69.49 64.07 97.44 47.89 69.49 31.82" class="cls-1"/><polygon points="69.49 70.81 69.49 103.22 97.7 87.09 69.49 70.81" class="cls-1"/><polygon points="65.47 63.85 65.47 32.09 37.87 47.92 65.47 63.85" class="cls-2"/><path d="M10.1,103.1a67.79,67.79,0,0,0,21.41,21.55V90.71Z" class="cls-2"/><polygon points="65.47 103.06 65.47 71.05 37.8 87.07 65.47 103.06" class="cls-2"/><polygon points="35.54 122.63 63.56 106.61 35.54 90.41 35.54 122.63" class="cls-1"/><polygon points="99.61 122.8 99.61 90.63 71.63 106.63 99.61 122.8" class="cls-2"/><path d="M127,99.37a67.22,67.22,0,0,0,7.91-28.94L105.78,87.11Z" class="cls-2"/><polygon points="103.64 83.69 131.76 67.61 103.64 51.45 103.64 83.69" class="cls-1"/><polygon points="99.61 44.5 99.61 12.52 71.76 28.49 99.61 44.5" class="cls-2"/><polygon points="99.61 83.55 99.61 51.28 71.7 67.44 99.61 83.55" class="cls-2"/><polygon points="67.48 135.02 67.49 135.02 67.48 135.02 67.48 135.02" class="cls-2"/><polygon points="35.54 51.22 35.54 83.73 63.66 67.45 35.54 51.22" class="cls-1"/><path d="M65.47,0A67.2,67.2,0,0,0,35.83,7.83l29.64,17Z" class="cls-2"/><polygon points="35.54 12.3 35.54 44.62 63.68 28.48 35.54 12.3" class="cls-1"/><path d="M31.51,10.34A67.89,67.89,0,0,0,10.1,31.89L31.51,44.25Z" class="cls-2"/><path d="M99.43,8A67.23,67.23,0,0,0,69.49,0V25.15Z" class="cls-1"/><path d="M0,69.87A67.27,67.27,0,0,0,8.07,99.63L29.76,87.07Z" class="cls-1"/><path d="M8.07,35.37A67.16,67.16,0,0,0,0,65L29.79,47.91Z" class="cls-1"/><path d="M35.78,127.13A67.13,67.13,0,0,0,65.47,135V110.15Z" class="cls-2"/><path d="M124.92,32a67.9,67.9,0,0,0-21.28-21.52V44.3Z" class="cls-1"/><path d="M103.64,124.54A68,68,0,0,0,125,102.86L103.64,90.52Z" class="cls-1"/><path d="M135,64.81a67.06,67.06,0,0,0-8-29.35L105.49,47.88Z" class="cls-2"/><path d="M69.49,135a67.12,67.12,0,0,0,29.63-7.83L69.49,110Z" class="cls-1"/><polygon points="31.51 83.44 31.51 51.56 3.83 67.43 31.51 83.44" class="cls-2"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/cloudcore/icons/components/rule-endpoint/icons/white/rule-endpoint-white.svg b/src/collections/integrations/cloudcore/icons/components/rule-endpoint/icons/white/rule-endpoint-white.svg
new file mode 100644
index 000000000000..aa9e84b87c10
--- /dev/null
+++ b/src/collections/integrations/cloudcore/icons/components/rule-endpoint/icons/white/rule-endpoint-white.svg
@@ -0,0 +1 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.405 8.732v6.57l5.694-3.297-5.694-3.273Zm0 7.942v6.602l5.747-3.285-5.747-3.317Z" fill="#fff"/><path d="M15.586 15.256v-6.47l-5.622 3.225 5.622 3.245ZM4.307 23.252a13.809 13.809 0 0 0 4.362 4.39v-6.914l-4.362 2.524Zm11.279-.008v-6.52L9.95 19.985l5.636 3.258Z" fill="#fff" fill-opacity=".8"/><path d="m9.49 27.23 5.707-3.263-5.707-3.3v6.563Z" fill="#fff"/><path d="M22.54 27.265v-6.553l-5.699 3.259 5.7 3.294Zm5.58-4.773a13.697 13.697 0 0 0 1.612-5.895l-5.934 3.397 4.323 2.498Z" fill="#fff" fill-opacity=".8"/><path d="m23.362 19.298 5.728-3.276-5.728-3.291v6.567Z" fill="#fff"/><path d="M22.541 11.315V4.8l-5.673 3.253 5.673 3.262Zm0 7.955v-6.574l-5.685 3.292 5.685 3.281Z" fill="#fff" fill-opacity=".8"/><path d="M9.49 12.684v6.622l5.728-3.316-5.728-3.306Z" fill="#fff"/><path d="M15.586 2.25a13.69 13.69 0 0 0-6.037 1.595l6.037 3.463V2.25Z" fill="#fff" fill-opacity=".8"/><path d="M9.49 4.756v6.583l5.732-3.288L9.49 4.756Z" fill="#fff"/><path d="M8.669 4.356a13.83 13.83 0 0 0-4.362 4.39l4.362 2.518V4.356Z" fill="#fff" fill-opacity=".8"/><path d="M22.504 3.88a13.695 13.695 0 0 0-6.099-1.63v5.123l6.1-3.493ZM2.25 16.483c.071 2.12.634 4.196 1.644 6.062l4.418-2.559-6.062-3.503Zm1.644-7.028a13.68 13.68 0 0 0-1.644 6.036l6.068-3.482-4.424-2.554Z" fill="#fff"/><path d="M9.539 28.147a13.673 13.673 0 0 0 6.047 1.603v-5.062L9.54 28.147Z" fill="#fff" fill-opacity=".8"/><path d="M27.697 8.768a13.83 13.83 0 0 0-4.335-4.383v6.889l4.335-2.506ZM23.362 27.62a13.851 13.851 0 0 0 4.351-4.417l-4.351-2.514v6.93Z" fill="#fff"/><path d="M29.75 15.452a13.659 13.659 0 0 0-1.63-5.979l-4.381 2.53 6.011 3.45Z" fill="#fff" fill-opacity=".8"/><path d="M16.405 29.75a13.673 13.673 0 0 0 6.036-1.595l-6.036-3.498v5.093Z" fill="#fff"/><path d="M8.669 19.247v-6.494L3.03 15.986l5.639 3.261Z" fill="#fff" fill-opacity=".8"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/cloudcore/icons/components/rule/icons/color/rule-color.svg b/src/collections/integrations/cloudcore/icons/components/rule/icons/color/rule-color.svg
new file mode 100644
index 000000000000..05129029bcb1
--- /dev/null
+++ b/src/collections/integrations/cloudcore/icons/components/rule/icons/color/rule-color.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 134.95 135.02"><defs><style>.cls-1{fill:#00d3a9}.cls-2{fill:#00b39f}</style></defs><title>meshery-logo-light</title><polygon points="69.49 31.82 69.49 64.07 97.44 47.89 69.49 31.82" class="cls-1"/><polygon points="69.49 70.81 69.49 103.22 97.7 87.09 69.49 70.81" class="cls-1"/><polygon points="65.47 63.85 65.47 32.09 37.87 47.92 65.47 63.85" class="cls-2"/><path d="M10.1,103.1a67.79,67.79,0,0,0,21.41,21.55V90.71Z" class="cls-2"/><polygon points="65.47 103.06 65.47 71.05 37.8 87.07 65.47 103.06" class="cls-2"/><polygon points="35.54 122.63 63.56 106.61 35.54 90.41 35.54 122.63" class="cls-1"/><polygon points="99.61 122.8 99.61 90.63 71.63 106.63 99.61 122.8" class="cls-2"/><path d="M127,99.37a67.22,67.22,0,0,0,7.91-28.94L105.78,87.11Z" class="cls-2"/><polygon points="103.64 83.69 131.76 67.61 103.64 51.45 103.64 83.69" class="cls-1"/><polygon points="99.61 44.5 99.61 12.52 71.76 28.49 99.61 44.5" class="cls-2"/><polygon points="99.61 83.55 99.61 51.28 71.7 67.44 99.61 83.55" class="cls-2"/><polygon points="67.48 135.02 67.49 135.02 67.48 135.02 67.48 135.02" class="cls-2"/><polygon points="35.54 51.22 35.54 83.73 63.66 67.45 35.54 51.22" class="cls-1"/><path d="M65.47,0A67.2,67.2,0,0,0,35.83,7.83l29.64,17Z" class="cls-2"/><polygon points="35.54 12.3 35.54 44.62 63.68 28.48 35.54 12.3" class="cls-1"/><path d="M31.51,10.34A67.89,67.89,0,0,0,10.1,31.89L31.51,44.25Z" class="cls-2"/><path d="M99.43,8A67.23,67.23,0,0,0,69.49,0V25.15Z" class="cls-1"/><path d="M0,69.87A67.27,67.27,0,0,0,8.07,99.63L29.76,87.07Z" class="cls-1"/><path d="M8.07,35.37A67.16,67.16,0,0,0,0,65L29.79,47.91Z" class="cls-1"/><path d="M35.78,127.13A67.13,67.13,0,0,0,65.47,135V110.15Z" class="cls-2"/><path d="M124.92,32a67.9,67.9,0,0,0-21.28-21.52V44.3Z" class="cls-1"/><path d="M103.64,124.54A68,68,0,0,0,125,102.86L103.64,90.52Z" class="cls-1"/><path d="M135,64.81a67.06,67.06,0,0,0-8-29.35L105.49,47.88Z" class="cls-2"/><path d="M69.49,135a67.12,67.12,0,0,0,29.63-7.83L69.49,110Z" class="cls-1"/><polygon points="31.51 83.44 31.51 51.56 3.83 67.43 31.51 83.44" class="cls-2"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/cloudcore/icons/components/rule/icons/white/rule-white.svg b/src/collections/integrations/cloudcore/icons/components/rule/icons/white/rule-white.svg
new file mode 100644
index 000000000000..aa9e84b87c10
--- /dev/null
+++ b/src/collections/integrations/cloudcore/icons/components/rule/icons/white/rule-white.svg
@@ -0,0 +1 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.405 8.732v6.57l5.694-3.297-5.694-3.273Zm0 7.942v6.602l5.747-3.285-5.747-3.317Z" fill="#fff"/><path d="M15.586 15.256v-6.47l-5.622 3.225 5.622 3.245ZM4.307 23.252a13.809 13.809 0 0 0 4.362 4.39v-6.914l-4.362 2.524Zm11.279-.008v-6.52L9.95 19.985l5.636 3.258Z" fill="#fff" fill-opacity=".8"/><path d="m9.49 27.23 5.707-3.263-5.707-3.3v6.563Z" fill="#fff"/><path d="M22.54 27.265v-6.553l-5.699 3.259 5.7 3.294Zm5.58-4.773a13.697 13.697 0 0 0 1.612-5.895l-5.934 3.397 4.323 2.498Z" fill="#fff" fill-opacity=".8"/><path d="m23.362 19.298 5.728-3.276-5.728-3.291v6.567Z" fill="#fff"/><path d="M22.541 11.315V4.8l-5.673 3.253 5.673 3.262Zm0 7.955v-6.574l-5.685 3.292 5.685 3.281Z" fill="#fff" fill-opacity=".8"/><path d="M9.49 12.684v6.622l5.728-3.316-5.728-3.306Z" fill="#fff"/><path d="M15.586 2.25a13.69 13.69 0 0 0-6.037 1.595l6.037 3.463V2.25Z" fill="#fff" fill-opacity=".8"/><path d="M9.49 4.756v6.583l5.732-3.288L9.49 4.756Z" fill="#fff"/><path d="M8.669 4.356a13.83 13.83 0 0 0-4.362 4.39l4.362 2.518V4.356Z" fill="#fff" fill-opacity=".8"/><path d="M22.504 3.88a13.695 13.695 0 0 0-6.099-1.63v5.123l6.1-3.493ZM2.25 16.483c.071 2.12.634 4.196 1.644 6.062l4.418-2.559-6.062-3.503Zm1.644-7.028a13.68 13.68 0 0 0-1.644 6.036l6.068-3.482-4.424-2.554Z" fill="#fff"/><path d="M9.539 28.147a13.673 13.673 0 0 0 6.047 1.603v-5.062L9.54 28.147Z" fill="#fff" fill-opacity=".8"/><path d="M27.697 8.768a13.83 13.83 0 0 0-4.335-4.383v6.889l4.335-2.506ZM23.362 27.62a13.851 13.851 0 0 0 4.351-4.417l-4.351-2.514v6.93Z" fill="#fff"/><path d="M29.75 15.452a13.659 13.659 0 0 0-1.63-5.979l-4.381 2.53 6.011 3.45Z" fill="#fff" fill-opacity=".8"/><path d="M16.405 29.75a13.673 13.673 0 0 0 6.036-1.595l-6.036-3.498v5.093Z" fill="#fff"/><path d="M8.669 19.247v-6.494L3.03 15.986l5.639 3.261Z" fill="#fff" fill-opacity=".8"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/cloudcore/icons/white/cloudcore-white.svg b/src/collections/integrations/cloudcore/icons/white/cloudcore-white.svg
new file mode 100644
index 000000000000..814dd5943e58
--- /dev/null
+++ b/src/collections/integrations/cloudcore/icons/white/cloudcore-white.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="-3.82 0.07 367.64 360.14"><defs><style>.cls-1{fill:#fff}</style></defs><path d="M98.5 253.002a4.621 4.621 0 1 0 4.767 4.62 4.7 4.7 0 0 0-4.767-4.62zm151.861 9.238a4.621 4.621 0 1 0-4.767-4.618 4.7 4.7 0 0 0 4.767 4.618zm-16.246-38.307c20.899 0 37.94-16.31 37.94-36.346 0-15.115-9.714-28.097-23.357-33.58 0-1.079.096-2.18.096-3.281 0-30.3-25.623-54.93-57.345-54.93-22.876 0-42.449 12.82-51.681 31.308a27.488 27.488 0 0 0-16.199-5.32c-14.704 0-26.467 11.366-26.467 25.356a24.805 24.805 0 0 0 1.133 7.5 36.91 36.91 0 0 0-19.019 32.033c0 20.317 17.139 35.97 38.23 37.166h114.596c.674 0 1.325.094 2.073.094zM86.48 186.673a29.642 29.642 0 0 1 15.349-25.722l5.085-2.894-1.746-5.585a17.543 17.543 0 0 1.802-5.332c0-9.945 8.482-18.091 19.203-18.091a20.22 20.22 0 0 1 11.904 3.914l6.946 5.091 3.847-7.705c8.256-16.532 25.624-27.288 45.183-27.288 27.746 0 50.082 21.417 50.082 47.665 0 .317-.01.618-.042 1.33-.04.933-.055 1.359-.055 1.95v4.91l4.555 1.83c11.297 4.54 18.803 15.109 18.803 26.84 0 15.948-13.716 29.083-30.677 29.083-.098 0-.225-.006-.565-.03a28.708 28.708 0 0 0-.78-.047c-.337-.013-.337-.013-.729-.017H117.447c-17.378-.996-30.967-13.96-30.967-29.902zm84.389 87.649a4.77 4.77 0 1 0 4.766-4.619 4.7 4.7 0 0 0-4.766 4.62z" class="cls-1"/><path d="M268.18 342.71l82.805-103.833a27.58 27.58 0 0 0 5.326-23.333L326.758 86.066a27.58 27.58 0 0 0-14.922-18.712L192.181 9.731a27.581 27.581 0 0 0-23.934 0L48.592 67.354A27.58 27.58 0 0 0 33.67 86.066L4.118 215.544a27.58 27.58 0 0 0 5.325 23.333L92.247 342.71a27.58 27.58 0 0 0 21.563 10.384h132.808a27.58 27.58 0 0 0 21.563-10.384zm-31.419-89.91a14.315 14.315 0 1 1 0 9.642h-27.193v-2.435h-.185V231.11q-11.57-.005-28.926-.01v29.743a14.462 14.462 0 1 1-9.642 0V231.1l-28.926-.005v28.913h-.185v2.435H112.1a14.315 14.315 0 1 1 0-9.642h20.147v-21.707l-15.211-.002c-25.171-1.426-45.084-20.422-45.084-44.418a43.897 43.897 0 0 1 18.143-35.396 32.899 32.899 0 0 1-.257-4.137c0-18.102 15.114-32.619 33.731-32.619a34.614 34.614 0 0 1 13.506 2.755 65.012
\ No newline at end of file
diff --git a/src/collections/integrations/cloudcore/index.mdx b/src/collections/integrations/cloudcore/index.mdx
new file mode 100644
index 000000000000..93d88b9b9968
--- /dev/null
+++ b/src/collections/integrations/cloudcore/index.mdx
@@ -0,0 +1,81 @@
+---
+title: Cloudcore
+subtitle: Collaborative and visual infrastructure as design for Cloudcore
+integrationIcon: icons/color/cloudcore-color.svg
+darkModeIntegrationIcon: icons/white/cloudcore-white.svg
+docURL: https://docs.meshery.io/extensibility/integrations/cloudcore
+description: 
+category: Cloud Native Network
+subcategory: Cloud Native Network
+registrant: Artifact Hub
+components: [
+{
+"name": "edge-application",
+"colorIcon": "icons/components/edge-application/icons/color/edge-application-color.svg",
+"whiteIcon": "icons/components/edge-application/icons/white/edge-application-white.svg",
+"description": "",
+},
+{
+"name": "node-group",
+"colorIcon": "icons/components/node-group/icons/color/node-group-color.svg",
+"whiteIcon": "icons/components/node-group/icons/white/node-group-white.svg",
+"description": "",
+},
+{
+"name": "cluster-object-sync",
+"colorIcon": "icons/components/cluster-object-sync/icons/color/cluster-object-sync-color.svg",
+"whiteIcon": "icons/components/cluster-object-sync/icons/white/cluster-object-sync-white.svg",
+"description": "",
+},
+{
+"name": "device",
+"colorIcon": "icons/components/device/icons/color/device-color.svg",
+"whiteIcon": "icons/components/device/icons/white/device-white.svg",
+"description": "",
+},
+{
+"name": "device-model",
+"colorIcon": "icons/components/device-model/icons/color/device-model-color.svg",
+"whiteIcon": "icons/components/device-model/icons/white/device-model-white.svg",
+"description": "",
+},
+{
+"name": "object-sync",
+"colorIcon": "icons/components/object-sync/icons/color/object-sync-color.svg",
+"whiteIcon": "icons/components/object-sync/icons/white/object-sync-white.svg",
+"description": "",
+},
+{
+"name": "rule",
+"colorIcon": "icons/components/rule/icons/color/rule-color.svg",
+"whiteIcon": "icons/components/rule/icons/white/rule-white.svg",
+"description": "",
+},
+{
+"name": "rule-endpoint",
+"colorIcon": "icons/components/rule-endpoint/icons/color/rule-endpoint-color.svg",
+"whiteIcon": "icons/components/rule-endpoint/icons/white/rule-endpoint-white.svg",
+"description": "",
+}]
+featureList: [
+  "Simplifies cloud-native application development",
+  "Provides a unified platform for development and operations",
+  "Integrates with various cloud providers"
+]
+workingSlides: [
+  ../_images/kanvas-visualizer.png,
+  ../_images/kanvas-designer.png
+]
+howItWorks: "Integrates CloudCore"
+howItWorksDetails: "Accelerated cloud-native application development"
+published: TRUE
+---
+<p>
+CloudCore is a Kubernetes-based platform for building and managing cloud-native applications.
+</p>
+<p>
+    Collaboratively and visually diagram your cloud native infrastructure with GitOps-style pipeline integration. Design, test, and manage configuration your Kubernetes-based, containerized applications as a visual topology.
+</p>
+<p>
+    Looking for best practice cloud native design and deployment best practices? Choose from thousands of pre-built components in MeshMap. Choose from hundreds of ready-made design patterns by importing templates from Meshery Catalog or use our low code designer, MeshMap, to create and deploy your own cloud native infrastructure designs.
+</p>
diff --git a/src/collections/integrations/cni-hostnic/icons/color/cni-hostnic-color.svg b/src/collections/integrations/cni-hostnic/icons/color/cni-hostnic-color.svg
new file mode 100644
index 000000000000..ffb9696d44d2
--- /dev/null
+++ b/src/collections/integrations/cni-hostnic/icons/color/cni-hostnic-color.svg
@@ -0,0 +1,15 @@
+<svg version="1.1" width="100" height="100" xmlns="http://www.w3.org/2000/svg">
+<defs>
+<style>
+.g {
+fill: #00a971;
+fill-rule: evenodd;
+stroke-width: 0px;
+}
+</style>
+</defs>
+<polygon id="b" data-name="Fill-1" class="g" points="79.46 77.86 59.11 66.07 59.11 89.64 79.46 77.86"/>
+<polygon id="c" data-name="Fill-2" class="g" points="79.46 22.14 59.11 10.36 59.11 33.93 79.46 22.14"/>
+<polygon id="d" data-name="Fill-3" class="g" points="30.91 50 49.46 39.19 49.46 5 10.89 27.47 10.89 72.53 49.46 95 49.46 60.81 30.91 50"/>
+<polygon id="e" data-name="Fill-4" class="g" points="49.46 50 89.11 72.5 89.11 27.5 49.46 50"/>
+</svg>
\ No newline at end of file
diff --git a/src/collections/integrations/cni-hostnic/icons/components/ip-pool/icons/color/ip-pool-color.svg b/src/collections/integrations/cni-hostnic/icons/components/ip-pool/icons/color/ip-pool-color.svg
new file mode 100644
index 000000000000..05129029bcb1
--- /dev/null
+++ b/src/collections/integrations/cni-hostnic/icons/components/ip-pool/icons/color/ip-pool-color.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 134.95 135.02"><defs><style>.cls-1{fill:#00d3a9}.cls-2{fill:#00b39f}</style></defs><title>meshery-logo-light</title><polygon points="69.49 31.82 69.49 64.07 97.44 47.89 69.49 31.82" class="cls-1"/><polygon points="69.49 70.81 69.49 103.22 97.7 87.09 69.49 70.81" class="cls-1"/><polygon points="65.47 63.85 65.47 32.09 37.87 47.92 65.47 63.85" class="cls-2"/><path d="M10.1,103.1a67.79,67.79,0,0,0,21.41,21.55V90.71Z" class="cls-2"/><polygon points="65.47 103.06 65.47 71.05 37.8 87.07 65.47 103.06" class="cls-2"/><polygon points="35.54 122.63 63.56 106.61 35.54 90.41 35.54 122.63" class="cls-1"/><polygon points="99.61 122.8 99.61 90.63 71.63 106.63 99.61 122.8" class="cls-2"/><path d="M127,99.37a67.22,67.22,0,0,0,7.91-28.94L105.78,87.11Z" class="cls-2"/><polygon points="103.64 83.69 131.76 67.61 103.64 51.45 103.64 83.69" class="cls-1"/><polygon points="99.61 44.5 99.61 12.52 71.76 28.49 99.61 44.5" class="cls-2"/><polygon points="99.61 83.55 99.61 51.28 71.7 67.44 99.61 83.55" class="cls-2"/><polygon points="67.48 135.02 67.49 135.02 67.48 135.02 67.48 135.02" class="cls-2"/><polygon points="35.54 51.22 35.54 83.73 63.66 67.45 35.54 51.22" class="cls-1"/><path d="M65.47,0A67.2,67.2,0,0,0,35.83,7.83l29.64,17Z" class="cls-2"/><polygon points="35.54 12.3 35.54 44.62 63.68 28.48 35.54 12.3" class="cls-1"/><path d="M31.51,10.34A67.89,67.89,0,0,0,10.1,31.89L31.51,44.25Z" class="cls-2"/><path d="M99.43,8A67.23,67.23,0,0,0,69.49,0V25.15Z" class="cls-1"/><path d="M0,69.87A67.27,67.27,0,0,0,8.07,99.63L29.76,87.07Z" class="cls-1"/><path d="M8.07,35.37A67.16,67.16,0,0,0,0,65L29.79,47.91Z" class="cls-1"/><path d="M35.78,127.13A67.13,67.13,0,0,0,65.47,135V110.15Z" class="cls-2"/><path d="M124.92,32a67.9,67.9,0,0,0-21.28-21.52V44.3Z" class="cls-1"/><path d="M103.64,124.54A68,68,0,0,0,125,102.86L103.64,90.52Z" class="cls-1"/><path d="M135,64.81a67.06,67.06,0,0,0-8-29.35L105.49,47.88Z" class="cls-2"/><path d="M69.49,135a67.12,67.12,0,0,0,29.63-7.83L69.49,110Z" class="cls-1"/><polygon points="31.51 83.44 31.51 51.56 3.83 67.43 31.51 83.44" class="cls-2"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/cni-hostnic/icons/components/ip-pool/icons/white/ip-pool-white.svg b/src/collections/integrations/cni-hostnic/icons/components/ip-pool/icons/white/ip-pool-white.svg
new file mode 100644
index 000000000000..aa9e84b87c10
--- /dev/null
+++ b/src/collections/integrations/cni-hostnic/icons/components/ip-pool/icons/white/ip-pool-white.svg
@@ -0,0 +1 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.405 8.732v6.57l5.694-3.297-5.694-3.273Zm0 7.942v6.602l5.747-3.285-5.747-3.317Z" fill="#fff"/><path d="M15.586 15.256v-6.47l-5.622 3.225 5.622 3.245ZM4.307 23.252a13.809 13.809 0 0 0 4.362 4.39v-6.914l-4.362 2.524Zm11.279-.008v-6.52L9.95 19.985l5.636 3.258Z" fill="#fff" fill-opacity=".8"/><path d="m9.49 27.23 5.707-3.263-5.707-3.3v6.563Z" fill="#fff"/><path d="M22.54 27.265v-6.553l-5.699 3.259 5.7 3.294Zm5.58-4.773a13.697 13.697 0 0 0 1.612-5.895l-5.934 3.397 4.323 2.498Z" fill="#fff" fill-opacity=".8"/><path d="m23.362 19.298 5.728-3.276-5.728-3.291v6.567Z" fill="#fff"/><path d="M22.541 11.315V4.8l-5.673 3.253 5.673 3.262Zm0 7.955v-6.574l-5.685 3.292 5.685 3.281Z" fill="#fff" fill-opacity=".8"/><path d="M9.49 12.684v6.622l5.728-3.316-5.728-3.306Z" fill="#fff"/><path d="M15.586 2.25a13.69 13.69 0 0 0-6.037 1.595l6.037 3.463V2.25Z" fill="#fff" fill-opacity=".8"/><path d="M9.49 4.756v6.583l5.732-3.288L9.49 4.756Z" fill="#fff"/><path d="M8.669 4.356a13.83 13.83 0 0 0-4.362 4.39l4.362 2.518V4.356Z" fill="#fff" fill-opacity=".8"/><path d="M22.504 3.88a13.695 13.695 0 0 0-6.099-1.63v5.123l6.1-3.493ZM2.25 16.483c.071 2.12.634 4.196 1.644 6.062l4.418-2.559-6.062-3.503Zm1.644-7.028a13.68 13.68 0 0 0-1.644 6.036l6.068-3.482-4.424-2.554Z" fill="#fff"/><path d="M9.539 28.147a13.673 13.673 0 0 0 6.047 1.603v-5.062L9.54 28.147Z" fill="#fff" fill-opacity=".8"/><path d="M27.697 8.768a13.83 13.83 0 0 0-4.335-4.383v6.889l4.335-2.506ZM23.362 27.62a13.851 13.851 0 0 0 4.351-4.417l-4.351-2.514v6.93Z" fill="#fff"/><path d="M29.75 15.452a13.659 13.659 0 0 0-1.63-5.979l-4.381 2.53 6.011 3.45Z" fill="#fff" fill-opacity=".8"/><path d="M16.405 29.75a13.673 13.673 0 0 0 6.036-1.595l-6.036-3.498v5.093Z" fill="#fff"/><path d="M8.669 19.247v-6.494L3.03 15.986l5.639 3.261Z" fill="#fff" fill-opacity=".8"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/cni-hostnic/icons/components/ipam-block/icons/color/ipam-block-color.svg b/src/collections/integrations/cni-hostnic/icons/components/ipam-block/icons/color/ipam-block-color.svg
new file mode 100644
index 000000000000..05129029bcb1
--- /dev/null
+++ b/src/collections/integrations/cni-hostnic/icons/components/ipam-block/icons/color/ipam-block-color.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 134.95 135.02"><defs><style>.cls-1{fill:#00d3a9}.cls-2{fill:#00b39f}</style></defs><title>meshery-logo-light</title><polygon points="69.49 31.82 69.49 64.07 97.44 47.89 69.49 31.82" class="cls-1"/><polygon points="69.49 70.81 69.49 103.22 97.7 87.09 69.49 70.81" class="cls-1"/><polygon points="65.47 63.85 65.47 32.09 37.87 47.92 65.47 63.85" class="cls-2"/><path d="M10.1,103.1a67.79,67.79,0,0,0,21.41,21.55V90.71Z" class="cls-2"/><polygon points="65.47 103.06 65.47 71.05 37.8 87.07 65.47 103.06" class="cls-2"/><polygon points="35.54 122.63 63.56 106.61 35.54 90.41 35.54 122.63" class="cls-1"/><polygon points="99.61 122.8 99.61 90.63 71.63 106.63 99.61 122.8" class="cls-2"/><path d="M127,99.37a67.22,67.22,0,0,0,7.91-28.94L105.78,87.11Z" class="cls-2"/><polygon points="103.64 83.69 131.76 67.61 103.64 51.45 103.64 83.69" class="cls-1"/><polygon points="99.61 44.5 99.61 12.52 71.76 28.49 99.61 44.5" class="cls-2"/><polygon points="99.61 83.55 99.61 51.28 71.7 67.44 99.61 83.55" class="cls-2"/><polygon points="67.48 135.02 67.49 135.02 67.48 135.02 67.48 135.02" class="cls-2"/><polygon points="35.54 51.22 35.54 83.73 63.66 67.45 35.54 51.22" class="cls-1"/><path d="M65.47,0A67.2,67.2,0,0,0,35.83,7.83l29.64,17Z" class="cls-2"/><polygon points="35.54 12.3 35.54 44.62 63.68 28.48 35.54 12.3" class="cls-1"/><path d="M31.51,10.34A67.89,67.89,0,0,0,10.1,31.89L31.51,44.25Z" class="cls-2"/><path d="M99.43,8A67.23,67.23,0,0,0,69.49,0V25.15Z" class="cls-1"/><path d="M0,69.87A67.27,67.27,0,0,0,8.07,99.63L29.76,87.07Z" class="cls-1"/><path d="M8.07,35.37A67.16,67.16,0,0,0,0,65L29.79,47.91Z" class="cls-1"/><path d="M35.78,127.13A67.13,67.13,0,0,0,65.47,135V110.15Z" class="cls-2"/><path d="M124.92,32a67.9,67.9,0,0,0-21.28-21.52V44.3Z" class="cls-1"/><path d="M103.64,124.54A68,68,0,0,0,125,102.86L103.64,90.52Z" class="cls-1"/><path d="M135,64.81a67.06,67.06,0,0,0-8-29.35L105.49,47.88Z" class="cls-2"/><path d="M69.49,135a67.12,67.12,0,0,0,29.63-7.83L69.49,110Z" class="cls-1"/><polygon points="31.51 83.44 31.51 51.56 3.83 67.43 31.51 83.44" class="cls-2"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/cni-hostnic/icons/components/ipam-block/icons/white/ipam-block-white.svg b/src/collections/integrations/cni-hostnic/icons/components/ipam-block/icons/white/ipam-block-white.svg
new file mode 100644
index 000000000000..aa9e84b87c10
--- /dev/null
+++ b/src/collections/integrations/cni-hostnic/icons/components/ipam-block/icons/white/ipam-block-white.svg
@@ -0,0 +1 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.405 8.732v6.57l5.694-3.297-5.694-3.273Zm0 7.942v6.602l5.747-3.285-5.747-3.317Z" fill="#fff"/><path d="M15.586 15.256v-6.47l-5.622 3.225 5.622 3.245ZM4.307 23.252a13.809 13.809 0 0 0 4.362 4.39v-6.914l-4.362 2.524Zm11.279-.008v-6.52L9.95 19.985l5.636 3.258Z" fill="#fff" fill-opacity=".8"/><path d="m9.49 27.23 5.707-3.263-5.707-3.3v6.563Z" fill="#fff"/><path d="M22.54 27.265v-6.553l-5.699 3.259 5.7 3.294Zm5.58-4.773a13.697 13.697 0 0 0 1.612-5.895l-5.934 3.397 4.323 2.498Z" fill="#fff" fill-opacity=".8"/><path d="m23.362 19.298 5.728-3.276-5.728-3.291v6.567Z" fill="#fff"/><path d="M22.541 11.315V4.8l-5.673 3.253 5.673 3.262Zm0 7.955v-6.574l-5.685 3.292 5.685 3.281Z" fill="#fff" fill-opacity=".8"/><path d="M9.49 12.684v6.622l5.728-3.316-5.728-3.306Z" fill="#fff"/><path d="M15.586 2.25a13.69 13.69 0 0 0-6.037 1.595l6.037 3.463V2.25Z" fill="#fff" fill-opacity=".8"/><path d="M9.49 4.756v6.583l5.732-3.288L9.49 4.756Z" fill="#fff"/><path d="M8.669 4.356a13.83 13.83 0 0 0-4.362 4.39l4.362 2.518V4.356Z" fill="#fff" fill-opacity=".8"/><path d="M22.504 3.88a13.695 13.695 0 0 0-6.099-1.63v5.123l6.1-3.493ZM2.25 16.483c.071 2.12.634 4.196 1.644 6.062l4.418-2.559-6.062-3.503Zm1.644-7.028a13.68 13.68 0 0 0-1.644 6.036l6.068-3.482-4.424-2.554Z" fill="#fff"/><path d="M9.539 28.147a13.673 13.673 0 0 0 6.047 1.603v-5.062L9.54 28.147Z" fill="#fff" fill-opacity=".8"/><path d="M27.697 8.768a13.83 13.83 0 0 0-4.335-4.383v6.889l4.335-2.506ZM23.362 27.62a13.851 13.851 0 0 0 4.351-4.417l-4.351-2.514v6.93Z" fill="#fff"/><path d="M29.75 15.452a13.659 13.659 0 0 0-1.63-5.979l-4.381 2.53 6.011 3.45Z" fill="#fff" fill-opacity=".8"/><path d="M16.405 29.75a13.673 13.673 0 0 0 6.036-1.595l-6.036-3.498v5.093Z" fill="#fff"/><path d="M8.669 19.247v-6.494L3.03 15.986l5.639 3.261Z" fill="#fff" fill-opacity=".8"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/cni-hostnic/icons/components/ipam-handle/icons/color/ipam-handle-color.svg b/src/collections/integrations/cni-hostnic/icons/components/ipam-handle/icons/color/ipam-handle-color.svg
new file mode 100644
index 000000000000..05129029bcb1
--- /dev/null
+++ b/src/collections/integrations/cni-hostnic/icons/components/ipam-handle/icons/color/ipam-handle-color.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 134.95 135.02"><defs><style>.cls-1{fill:#00d3a9}.cls-2{fill:#00b39f}</style></defs><title>meshery-logo-light</title><polygon points="69.49 31.82 69.49 64.07 97.44 47.89 69.49 31.82" class="cls-1"/><polygon points="69.49 70.81 69.49 103.22 97.7 87.09 69.49 70.81" class="cls-1"/><polygon points="65.47 63.85 65.47 32.09 37.87 47.92 65.47 63.85" class="cls-2"/><path d="M10.1,103.1a67.79,67.79,0,0,0,21.41,21.55V90.71Z" class="cls-2"/><polygon points="65.47 103.06 65.47 71.05 37.8 87.07 65.47 103.06" class="cls-2"/><polygon points="35.54 122.63 63.56 106.61 35.54 90.41 35.54 122.63" class="cls-1"/><polygon points="99.61 122.8 99.61 90.63 71.63 106.63 99.61 122.8" class="cls-2"/><path d="M127,99.37a67.22,67.22,0,0,0,7.91-28.94L105.78,87.11Z" class="cls-2"/><polygon points="103.64 83.69 131.76 67.61 103.64 51.45 103.64 83.69" class="cls-1"/><polygon points="99.61 44.5 99.61 12.52 71.76 28.49 99.61 44.5" class="cls-2"/><polygon points="99.61 83.55 99.61 51.28 71.7 67.44 99.61 83.55" class="cls-2"/><polygon points="67.48 135.02 67.49 135.02 67.48 135.02 67.48 135.02" class="cls-2"/><polygon points="35.54 51.22 35.54 83.73 63.66 67.45 35.54 51.22" class="cls-1"/><path d="M65.47,0A67.2,67.2,0,0,0,35.83,7.83l29.64,17Z" class="cls-2"/><polygon points="35.54 12.3 35.54 44.62 63.68 28.48 35.54 12.3" class="cls-1"/><path d="M31.51,10.34A67.89,67.89,0,0,0,10.1,31.89L31.51,44.25Z" class="cls-2"/><path d="M99.43,8A67.23,67.23,0,0,0,69.49,0V25.15Z" class="cls-1"/><path d="M0,69.87A67.27,67.27,0,0,0,8.07,99.63L29.76,87.07Z" class="cls-1"/><path d="M8.07,35.37A67.16,67.16,0,0,0,0,65L29.79,47.91Z" class="cls-1"/><path d="M35.78,127.13A67.13,67.13,0,0,0,65.47,135V110.15Z" class="cls-2"/><path d="M124.92,32a67.9,67.9,0,0,0-21.28-21.52V44.3Z" class="cls-1"/><path d="M103.64,124.54A68,68,0,0,0,125,102.86L103.64,90.52Z" class="cls-1"/><path d="M135,64.81a67.06,67.06,0,0,0-8-29.35L105.49,47.88Z" class="cls-2"/><path d="M69.49,135a67.12,67.12,0,0,0,29.63-7.83L69.49,110Z" class="cls-1"/><polygon points="31.51 83.44 31.51 51.56 3.83 67.43 31.51 83.44" class="cls-2"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/cni-hostnic/icons/components/ipam-handle/icons/white/ipam-handle-white.svg b/src/collections/integrations/cni-hostnic/icons/components/ipam-handle/icons/white/ipam-handle-white.svg
new file mode 100644
index 000000000000..aa9e84b87c10
--- /dev/null
+++ b/src/collections/integrations/cni-hostnic/icons/components/ipam-handle/icons/white/ipam-handle-white.svg
@@ -0,0 +1 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.405 8.732v6.57l5.694-3.297-5.694-3.273Zm0 7.942v6.602l5.747-3.285-5.747-3.317Z" fill="#fff"/><path d="M15.586 15.256v-6.47l-5.622 3.225 5.622 3.245ZM4.307 23.252a13.809 13.809 0 0 0 4.362 4.39v-6.914l-4.362 2.524Zm11.279-.008v-6.52L9.95 19.985l5.636 3.258Z" fill="#fff" fill-opacity=".8"/><path d="m9.49 27.23 5.707-3.263-5.707-3.3v6.563Z" fill="#fff"/><path d="M22.54 27.265v-6.553l-5.699 3.259 5.7 3.294Zm5.58-4.773a13.697 13.697 0 0 0 1.612-5.895l-5.934 3.397 4.323 2.498Z" fill="#fff" fill-opacity=".8"/><path d="m23.362 19.298 5.728-3.276-5.728-3.291v6.567Z" fill="#fff"/><path d="M22.541 11.315V4.8l-5.673 3.253 5.673 3.262Zm0 7.955v-6.574l-5.685 3.292 5.685 3.281Z" fill="#fff" fill-opacity=".8"/><path d="M9.49 12.684v6.622l5.728-3.316-5.728-3.306Z" fill="#fff"/><path d="M15.586 2.25a13.69 13.69 0 0 0-6.037 1.595l6.037 3.463V2.25Z" fill="#fff" fill-opacity=".8"/><path d="M9.49 4.756v6.583l5.732-3.288L9.49 4.756Z" fill="#fff"/><path d="M8.669 4.356a13.83 13.83 0 0 0-4.362 4.39l4.362 2.518V4.356Z" fill="#fff" fill-opacity=".8"/><path d="M22.504 3.88a13.695 13.695 0 0 0-6.099-1.63v5.123l6.1-3.493ZM2.25 16.483c.071 2.12.634 4.196 1.644 6.062l4.418-2.559-6.062-3.503Zm1.644-7.028a13.68 13.68 0 0 0-1.644 6.036l6.068-3.482-4.424-2.554Z" fill="#fff"/><path d="M9.539 28.147a13.673 13.673 0 0 0 6.047 1.603v-5.062L9.54 28.147Z" fill="#fff" fill-opacity=".8"/><path d="M27.697 8.768a13.83 13.83 0 0 0-4.335-4.383v6.889l4.335-2.506ZM23.362 27.62a13.851 13.851 0 0 0 4.351-4.417l-4.351-2.514v6.93Z" fill="#fff"/><path d="M29.75 15.452a13.659 13.659 0 0 0-1.63-5.979l-4.381 2.53 6.011 3.45Z" fill="#fff" fill-opacity=".8"/><path d="M16.405 29.75a13.673 13.673 0 0 0 6.036-1.595l-6.036-3.498v5.093Z" fill="#fff"/><path d="M8.669 19.247v-6.494L3.03 15.986l5.639 3.261Z" fill="#fff" fill-opacity=".8"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/cni-hostnic/icons/components/vx-net-pool/icons/color/vx-net-pool-color.svg b/src/collections/integrations/cni-hostnic/icons/components/vx-net-pool/icons/color/vx-net-pool-color.svg
new file mode 100644
index 000000000000..05129029bcb1
--- /dev/null
+++ b/src/collections/integrations/cni-hostnic/icons/components/vx-net-pool/icons/color/vx-net-pool-color.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 134.95 135.02"><defs><style>.cls-1{fill:#00d3a9}.cls-2{fill:#00b39f}</style></defs><title>meshery-logo-light</title><polygon points="69.49 31.82 69.49 64.07 97.44 47.89 69.49 31.82" class="cls-1"/><polygon points="69.49 70.81 69.49 103.22 97.7 87.09 69.49 70.81" class="cls-1"/><polygon points="65.47 63.85 65.47 32.09 37.87 47.92 65.47 63.85" class="cls-2"/><path d="M10.1,103.1a67.79,67.79,0,0,0,21.41,21.55V90.71Z" class="cls-2"/><polygon points="65.47 103.06 65.47 71.05 37.8 87.07 65.47 103.06" class="cls-2"/><polygon points="35.54 122.63 63.56 106.61 35.54 90.41 35.54 122.63" class="cls-1"/><polygon points="99.61 122.8 99.61 90.63 71.63 106.63 99.61 122.8" class="cls-2"/><path d="M127,99.37a67.22,67.22,0,0,0,7.91-28.94L105.78,87.11Z" class="cls-2"/><polygon points="103.64 83.69 131.76 67.61 103.64 51.45 103.64 83.69" class="cls-1"/><polygon points="99.61 44.5 99.61 12.52 71.76 28.49 99.61 44.5" class="cls-2"/><polygon points="99.61 83.55 99.61 51.28 71.7 67.44 99.61 83.55" class="cls-2"/><polygon points="67.48 135.02 67.49 135.02 67.48 135.02 67.48 135.02" class="cls-2"/><polygon points="35.54 51.22 35.54 83.73 63.66 67.45 35.54 51.22" class="cls-1"/><path d="M65.47,0A67.2,67.2,0,0,0,35.83,7.83l29.64,17Z" class="cls-2"/><polygon points="35.54 12.3 35.54 44.62 63.68 28.48 35.54 12.3" class="cls-1"/><path d="M31.51,10.34A67.89,67.89,0,0,0,10.1,31.89L31.51,44.25Z" class="cls-2"/><path d="M99.43,8A67.23,67.23,0,0,0,69.49,0V25.15Z" class="cls-1"/><path d="M0,69.87A67.27,67.27,0,0,0,8.07,99.63L29.76,87.07Z" class="cls-1"/><path d="M8.07,35.37A67.16,67.16,0,0,0,0,65L29.79,47.91Z" class="cls-1"/><path d="M35.78,127.13A67.13,67.13,0,0,0,65.47,135V110.15Z" class="cls-2"/><path d="M124.92,32a67.9,67.9,0,0,0-21.28-21.52V44.3Z" class="cls-1"/><path d="M103.64,124.54A68,68,0,0,0,125,102.86L103.64,90.52Z" class="cls-1"/><path d="M135,64.81a67.06,67.06,0,0,0-8-29.35L105.49,47.88Z" class="cls-2"/><path d="M69.49,135a67.12,67.12,0,0,0,29.63-7.83L69.49,110Z" class="cls-1"/><polygon points="31.51 83.44 31.51 51.56 3.83 67.43 31.51 83.44" class="cls-2"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/cni-hostnic/icons/components/vx-net-pool/icons/white/vx-net-pool-white.svg b/src/collections/integrations/cni-hostnic/icons/components/vx-net-pool/icons/white/vx-net-pool-white.svg
new file mode 100644
index 000000000000..aa9e84b87c10
--- /dev/null
+++ b/src/collections/integrations/cni-hostnic/icons/components/vx-net-pool/icons/white/vx-net-pool-white.svg
@@ -0,0 +1 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.405 8.732v6.57l5.694-3.297-5.694-3.273Zm0 7.942v6.602l5.747-3.285-5.747-3.317Z" fill="#fff"/><path d="M15.586 15.256v-6.47l-5.622 3.225 5.622 3.245ZM4.307 23.252a13.809 13.809 0 0 0 4.362 4.39v-6.914l-4.362 2.524Zm11.279-.008v-6.52L9.95 19.985l5.636 3.258Z" fill="#fff" fill-opacity=".8"/><path d="m9.49 27.23 5.707-3.263-5.707-3.3v6.563Z" fill="#fff"/><path d="M22.54 27.265v-6.553l-5.699 3.259 5.7 3.294Zm5.58-4.773a13.697 13.697 0 0 0 1.612-5.895l-5.934 3.397 4.323 2.498Z" fill="#fff" fill-opacity=".8"/><path d="m23.362 19.298 5.728-3.276-5.728-3.291v6.567Z" fill="#fff"/><path d="M22.541 11.315V4.8l-5.673 3.253 5.673 3.262Zm0 7.955v-6.574l-5.685 3.292 5.685 3.281Z" fill="#fff" fill-opacity=".8"/><path d="M9.49 12.684v6.622l5.728-3.316-5.728-3.306Z" fill="#fff"/><path d="M15.586 2.25a13.69 13.69 0 0 0-6.037 1.595l6.037 3.463V2.25Z" fill="#fff" fill-opacity=".8"/><path d="M9.49 4.756v6.583l5.732-3.288L9.49 4.756Z" fill="#fff"/><path d="M8.669 4.356a13.83 13.83 0 0 0-4.362 4.39l4.362 2.518V4.356Z" fill="#fff" fill-opacity=".8"/><path d="M22.504 3.88a13.695 13.695 0 0 0-6.099-1.63v5.123l6.1-3.493ZM2.25 16.483c.071 2.12.634 4.196 1.644 6.062l4.418-2.559-6.062-3.503Zm1.644-7.028a13.68 13.68 0 0 0-1.644 6.036l6.068-3.482-4.424-2.554Z" fill="#fff"/><path d="M9.539 28.147a13.673 13.673 0 0 0 6.047 1.603v-5.062L9.54 28.147Z" fill="#fff" fill-opacity=".8"/><path d="M27.697 8.768a13.83 13.83 0 0 0-4.335-4.383v6.889l4.335-2.506ZM23.362 27.62a13.851 13.851 0 0 0 4.351-4.417l-4.351-2.514v6.93Z" fill="#fff"/><path d="M29.75 15.452a13.659 13.659 0 0 0-1.63-5.979l-4.381 2.53 6.011 3.45Z" fill="#fff" fill-opacity=".8"/><path d="M16.405 29.75a13.673 13.673 0 0 0 6.036-1.595l-6.036-3.498v5.093Z" fill="#fff"/><path d="M8.669 19.247v-6.494L3.03 15.986l5.639 3.261Z" fill="#fff" fill-opacity=".8"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/cni-hostnic/icons/white/cni-hostnic-white.svg b/src/collections/integrations/cni-hostnic/icons/white/cni-hostnic-white.svg
new file mode 100644
index 000000000000..ebfb1a543d0c
--- /dev/null
+++ b/src/collections/integrations/cni-hostnic/icons/white/cni-hostnic-white.svg
@@ -0,0 +1,15 @@
+<svg version="1.1" width="100" height="100" xmlns="http://www.w3.org/2000/svg">
+<defs>
+<style>
+.g {
+fill: #fff;
+fill-rule: evenodd;
+stroke-width: 0px;
+}
+</style>
+</defs>
+<polygon id="b" data-name="Fill-1" class="g" points="79.46 77.86 59.11 66.07 59.11 89.64 79.46 77.86"/>
+<polygon id="c" data-name="Fill-2" class="g" points="79.46 22.14 59.11 10.36 59.11 33.93 79.46 22.14"/>
+<polygon id="d" data-name="Fill-3" class="g" points="30.91 50 49.46 39.19 49.46 5 10.89 27.47 10.89 72.53 49.46 95 49.46 60.81 30.91 50"/>
+<polygon id="e" data-name="Fill-4" class="g" points="49.46 50 89.11 72.5 89.11 27.5 49.46 50"/>
+</svg>
\ No newline at end of file
diff --git a/src/collections/integrations/cni-hostnic/index.mdx b/src/collections/integrations/cni-hostnic/index.mdx
new file mode 100644
index 000000000000..0ebbc4fee9df
--- /dev/null
+++ b/src/collections/integrations/cni-hostnic/index.mdx
@@ -0,0 +1,57 @@
+---
+title: CNI Host NIC
+subtitle: Collaborative and visual infrastructure as design for CNI Host NIC
+integrationIcon: icons/color/cni-hostnic-color.svg
+darkModeIntegrationIcon: icons/white/cni-hostnic-white.svg
+docURL: https://docs.meshery.io/extensibility/integrations/cni-hostnic
+description: 
+category: Cloud Native Network
+subcategory: Cloud Native Network
+registrant: Artifact Hub
+components: [
+{
+"name": "ipam-block",
+"colorIcon": "icons/components/ipam-block/icons/color/ipam-block-color.svg",
+"whiteIcon": "icons/components/ipam-block/icons/white/ipam-block-white.svg",
+"description": "",
+},
+{
+"name": "ipam-handle",
+"colorIcon": "icons/components/ipam-handle/icons/color/ipam-handle-color.svg",
+"whiteIcon": "icons/components/ipam-handle/icons/white/ipam-handle-white.svg",
+"description": "",
+},
+{
+"name": "vx-net-pool",
+"colorIcon": "icons/components/vx-net-pool/icons/color/vx-net-pool-color.svg",
+"whiteIcon": "icons/components/vx-net-pool/icons/white/vx-net-pool-white.svg",
+"description": "",
+},
+{
+"name": "ip-pool",
+"colorIcon": "icons/components/ip-pool/icons/color/ip-pool-color.svg",
+"whiteIcon": "icons/components/ip-pool/icons/white/ip-pool-white.svg",
+"description": "",
+}]
+featureList: [
+  "Enables attaching multiple network interfaces to pods.",
+  "You can create a multi-homed pod that has multiple interfaces.",
+  "It is a CNI plugin that can call multiple other CNI plugins."
+]
+workingSlides: [
+  ../_images/kanvas-visualizer.png,
+  ../_images/kanvas-designer.png
+]
+howItWorks: "Collaborative Infrastructure as Design"
+howItWorksDetails: "Collaboratively manage infrastructure with your coworkers synchronously sharing the same designs."
+published: TRUE
+---
+<p>
+CNI Host NIC is a CNI (Container Network Interface) plugin for assigning host network interfaces to pods.
+</p>
+<p>
+    Collaboratively and visually diagram your cloud native infrastructure with GitOps-style pipeline integration. Design, test, and manage configuration your Kubernetes-based, containerized applications as a visual topology.
+</p>
+<p>
+    Looking for best practice cloud native design and deployment best practices? Choose from thousands of pre-built components in MeshMap. Choose from hundreds of ready-made design patterns by importing templates from Meshery Catalog or use our low code designer, MeshMap, to create and deploy your own cloud native infrastructure designs.
+</p>
diff --git a/src/collections/integrations/vela-workflow/icons/color/vela-workflow-color.svg b/src/collections/integrations/vela-workflow/icons/color/vela-workflow-color.svg
index c18fbe907a02..cac2ca1a0f88 100644
--- a/src/collections/integrations/vela-workflow/icons/color/vela-workflow-color.svg
+++ b/src/collections/integrations/vela-workflow/icons/color/vela-workflow-color.svg
@@ -1,33 +1,10 @@
-<svg width="18" height="18" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_36_80)">
-<path d="M16.4632 7.69351V15.2015L22.9702 11.4346L16.4632 7.69351Z" fill="white"/>
-<path d="M16.4632 16.7705V24.3157L23.0307 20.5607L16.4632 16.7705Z" fill="white"/>
-<path d="M15.5274 15.1502V7.75632L9.10194 11.4416L15.5274 15.1502Z" fill="white" fill-opacity="0.8"/>
-<path d="M2.63699 24.2878C3.89756 26.3157 5.60178 28.031 7.62134 29.3047V21.4033L2.63699 24.2878Z" fill="white" fill-opacity="0.8"/>
-<path d="M15.5274 24.2785V16.8264L9.08579 20.556L15.5274 24.2785Z" fill="white" fill-opacity="0.8"/>
-<path d="M8.55965 28.8344L15.0829 25.1049L8.55965 21.3335V28.8344Z" fill="white"/>
-<path d="M23.4753 28.8742V21.3848L16.9615 25.1096L23.4753 28.8742Z" fill="white" fill-opacity="0.8"/>
-<path d="M29.852 23.4194C30.9655 21.341 31.5949 19.0378 31.6935 16.6819L24.9119 20.5651L29.852 23.4194Z" fill="white" fill-opacity="0.8"/>
-<path d="M24.4136 19.7691L30.96 16.0256L24.4136 12.2634V19.7691Z" fill="white"/>
-<path d="M23.4755 10.6455V3.20041L16.9919 6.91827L23.4755 10.6455Z" fill="white" fill-opacity="0.8"/>
-<path d="M23.4754 19.7364V12.2239L16.9779 15.986L23.4754 19.7364Z" fill="white" fill-opacity="0.8"/>
-<path d="M8.55965 12.2099V19.7784L15.1061 15.9882L8.55965 12.2099Z" fill="white"/>
-<path d="M15.5274 0.285706C13.1176 0.353534 10.756 0.977397 8.6271 2.10855L15.5274 6.06621V0.285706Z" fill="white" fill-opacity="0.8"/>
-<path d="M8.55965 3.1492V10.6734L15.1107 6.91597L8.55965 3.1492Z" fill="white"/>
-<path d="M7.62134 2.69299C5.60228 3.96735 3.89818 5.6826 2.63699 7.7099L7.62134 10.5873V2.69299Z" fill="white" fill-opacity="0.8"/>
-<path d="M23.4335 2.14811C21.2869 0.992986 18.9001 0.355226 16.4632 0.285706V6.14069L23.4335 2.14811Z" fill="white"/>
-<path d="M0.285713 16.5517C0.367085 18.9754 1.01023 21.3471 2.16447 23.4799L7.21396 20.5559L0.285713 16.5517Z" fill="white"/>
-<path d="M2.16447 8.51996C1.01384 10.6433 0.370833 13.0043 0.285713 15.4178L7.22097 11.4393L2.16447 8.51996Z" fill="white"/>
-<path d="M8.61544 29.8822C10.7469 31.0189 13.1128 31.6461 15.5274 31.7143V25.9291L8.61544 29.8822Z" fill="white" fill-opacity="0.8"/>
-<path d="M29.3675 7.73539C28.1143 5.71396 26.4208 4.00147 24.4136 2.72543V10.5987L29.3675 7.73539Z" fill="white"/>
-<path d="M24.4136 29.2791C26.4312 27.994 28.1314 26.2684 29.3863 24.2321L24.4136 21.3591V29.2791Z" fill="white"/>
-<path d="M31.7143 15.3738C31.6251 12.9835 30.9879 10.6458 29.8518 8.54102L24.8441 11.4325L31.7143 15.3738Z" fill="white" fill-opacity="0.8"/>
-<path d="M16.4632 31.7143C18.8725 31.6467 21.2333 31.0229 23.3613 29.8914L16.4632 25.8942V31.7143Z" fill="white"/>
-<path d="M7.62141 19.711V12.2892L1.17738 15.9838L7.62141 19.711Z" fill="white" fill-opacity="0.8"/>
-</g>
+<svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.5 122.5" width="18" height="18">
 <defs>
-<clipPath id="clip0_36_80">
-<rect width="32" height="32" fill="white"/>
-</clipPath>
+<style>.cls-1{fill:#006fff;}</style>
 </defs>
+<title>KubeVela</title>
+<path d="M32.05,96.24a11.58,11.58,0,0,0,10,5.79,11.34,11.34,0,0,0,5.62-1.47,6,6,0,0,1,5.89,0A11.33,11.33,0,0,0,59.19,102a11.52,11.52,0,0,0,5.27-1.27,6.17,6.17,0,0,1,5.7,0,11.55,11.55,0,0,0,15.28-4.52Z"/>
+<path class="cls-1" d="M91.52,76.27,91.38,74C90,51.79,81.7,30.91,68.07,15.23h0v60Z"/>
+<path class="cls-1" d="M64.86,75.05V27.8A79.26,79.26,0,0,0,42,74Z"/>
+<path d="M43.87,78.38,42,74,20.35,73l6,14.12h0a10.16,10.16,0,0,0,8.79,5.08A10,10,0,0,0,40,91a7.32,7.32,0,0,1,7.17,0,10,10,0,0,0,9.78,0,7.3,7.3,0,0,1,7.17,0,10,10,0,0,0,9.78,0,7.32,7.32,0,0,1,7.17,0A10,10,0,0,0,86,92.23a10.16,10.16,0,0,0,8.79-5.08l2.46-5L46,79.84A2.38,2.38,0,0,1,43.87,78.38Z"/>
 </svg>
\ No newline at end of file
diff --git a/src/collections/integrations/vela-workflow/icons/white/vela-workflow-white.svg b/src/collections/integrations/vela-workflow/icons/white/vela-workflow-white.svg
index aa9e84b87c10..b2500aba4f7f 100644
--- a/src/collections/integrations/vela-workflow/icons/white/vela-workflow-white.svg
+++ b/src/collections/integrations/vela-workflow/icons/white/vela-workflow-white.svg
@@ -1 +1 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.405 8.732v6.57l5.694-3.297-5.694-3.273Zm0 7.942v6.602l5.747-3.285-5.747-3.317Z" fill="#fff"/><path d="M15.586 15.256v-6.47l-5.622 3.225 5.622 3.245ZM4.307 23.252a13.809 13.809 0 0 0 4.362 4.39v-6.914l-4.362 2.524Zm11.279-.008v-6.52L9.95 19.985l5.636 3.258Z" fill="#fff" fill-opacity=".8"/><path d="m9.49 27.23 5.707-3.263-5.707-3.3v6.563Z" fill="#fff"/><path d="M22.54 27.265v-6.553l-5.699 3.259 5.7 3.294Zm5.58-4.773a13.697 13.697 0 0 0 1.612-5.895l-5.934 3.397 4.323 2.498Z" fill="#fff" fill-opacity=".8"/><path d="m23.362 19.298 5.728-3.276-5.728-3.291v6.567Z" fill="#fff"/><path d="M22.541 11.315V4.8l-5.673 3.253 5.673 3.262Zm0 7.955v-6.574l-5.685 3.292 5.685 3.281Z" fill="#fff" fill-opacity=".8"/><path d="M9.49 12.684v6.622l5.728-3.316-5.728-3.306Z" fill="#fff"/><path d="M15.586 2.25a13.69 13.69 0 0 0-6.037 1.595l6.037 3.463V2.25Z" fill="#fff" fill-opacity=".8"/><path d="M9.49 4.756v6.583l5.732-3.288L9.49 4.756Z" fill="#fff"/><path d="M8.669 4.356a13.83 13.83 0 0 0-4.362 4.39l4.362 2.518V4.356Z" fill="#fff" fill-opacity=".8"/><path d="M22.504 3.88a13.695 13.695 0 0 0-6.099-1.63v5.123l6.1-3.493ZM2.25 16.483c.071 2.12.634 4.196 1.644 6.062l4.418-2.559-6.062-3.503Zm1.644-7.028a13.68 13.68 0 0 0-1.644 6.036l6.068-3.482-4.424-2.554Z" fill="#fff"/><path d="M9.539 28.147a13.673 13.673 0 0 0 6.047 1.603v-5.062L9.54 28.147Z" fill="#fff" fill-opacity=".8"/><path d="M27.697 8.768a13.83 13.83 0 0 0-4.335-4.383v6.889l4.335-2.506ZM23.362 27.62a13.851 13.851 0 0 0 4.351-4.417l-4.351-2.514v6.93Z" fill="#fff"/><path d="M29.75 15.452a13.659 13.659 0 0 0-1.63-5.979l-4.381 2.53 6.011 3.45Z" fill="#fff" fill-opacity=".8"/><path d="M16.405 29.75a13.673 13.673 0 0 0 6.036-1.595l-6.036-3.498v5.093Z" fill="#fff"/><path d="M8.669 19.247v-6.494L3.03 15.986l5.639 3.261Z" fill="#fff" fill-opacity=".8"/></svg>
\ No newline at end of file
+<svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.5 122.5"><defs><style>.cls-1{fill:#fff;}</style></defs><title>KubeVela </title><path class="cls-1" d="M32.05,96.24a11.58,11.58,0,0,0,10,5.79,11.34,11.34,0,0,0,5.62-1.47,6,6,0,0,1,5.89,0A11.33,11.33,0,0,0,59.19,102a11.52,11.52,0,0,0,5.27-1.27,6.17,6.17,0,0,1,5.7,0,11.55,11.55,0,0,0,15.28-4.52Z"/><path class="cls-1" d="M91.52,76.27,91.38,74C90,51.79,81.7,30.91,68.07,15.23h0v60Z"/><path class="cls-1" d="M64.86,75.05V27.8A79.26,79.26,0,0,0,42,74Z"/><path class="cls-1" d="M43.87,78.38,42,74,20.35,73l6,14.12h0a10.16,10.16,0,0,0,8.79,5.08A10,10,0,0,0,40,91a7.32,7.32,0,0,1,7.17,0,10,10,0,0,0,9.78,0,7.3,7.3,0,0,1,7.17,0,10,10,0,0,0,9.78,0,7.32,7.32,0,0,1,7.17,0A10,10,0,0,0,86,92.23a10.16,10.16,0,0,0,8.79-5.08l2.46-5L46,79.84A2.38,2.38,0,0,1,43.87,78.38Z"/></svg>
\ No newline at end of file
diff --git a/src/collections/integrations/velero-s3-deployment/icons/color/velero-s3-deployment-color.svg b/src/collections/integrations/velero-s3-deployment/icons/color/velero-s3-deployment-color.svg
index c18fbe907a02..1a03302c9048 100644
--- a/src/collections/integrations/velero-s3-deployment/icons/color/velero-s3-deployment-color.svg
+++ b/src/collections/integrations/velero-s3-deployment/icons/color/velero-s3-deployment-color.svg
@@ -1,33 +1 @@
-<svg width="18" height="18" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_36_80)">
-<path d="M16.4632 7.69351V15.2015L22.9702 11.4346L16.4632 7.69351Z" fill="white"/>
-<path d="M16.4632 16.7705V24.3157L23.0307 20.5607L16.4632 16.7705Z" fill="white"/>
-<path d="M15.5274 15.1502V7.75632L9.10194 11.4416L15.5274 15.1502Z" fill="white" fill-opacity="0.8"/>
-<path d="M2.63699 24.2878C3.89756 26.3157 5.60178 28.031 7.62134 29.3047V21.4033L2.63699 24.2878Z" fill="white" fill-opacity="0.8"/>
-<path d="M15.5274 24.2785V16.8264L9.08579 20.556L15.5274 24.2785Z" fill="white" fill-opacity="0.8"/>
-<path d="M8.55965 28.8344L15.0829 25.1049L8.55965 21.3335V28.8344Z" fill="white"/>
-<path d="M23.4753 28.8742V21.3848L16.9615 25.1096L23.4753 28.8742Z" fill="white" fill-opacity="0.8"/>
-<path d="M29.852 23.4194C30.9655 21.341 31.5949 19.0378 31.6935 16.6819L24.9119 20.5651L29.852 23.4194Z" fill="white" fill-opacity="0.8"/>
-<path d="M24.4136 19.7691L30.96 16.0256L24.4136 12.2634V19.7691Z" fill="white"/>
-<path d="M23.4755 10.6455V3.20041L16.9919 6.91827L23.4755 10.6455Z" fill="white" fill-opacity="0.8"/>
-<path d="M23.4754 19.7364V12.2239L16.9779 15.986L23.4754 19.7364Z" fill="white" fill-opacity="0.8"/>
-<path d="M8.55965 12.2099V19.7784L15.1061 15.9882L8.55965 12.2099Z" fill="white"/>
-<path d="M15.5274 0.285706C13.1176 0.353534 10.756 0.977397 8.6271 2.10855L15.5274 6.06621V0.285706Z" fill="white" fill-opacity="0.8"/>
-<path d="M8.55965 3.1492V10.6734L15.1107 6.91597L8.55965 3.1492Z" fill="white"/>
-<path d="M7.62134 2.69299C5.60228 3.96735 3.89818 5.6826 2.63699 7.7099L7.62134 10.5873V2.69299Z" fill="white" fill-opacity="0.8"/>
-<path d="M23.4335 2.14811C21.2869 0.992986 18.9001 0.355226 16.4632 0.285706V6.14069L23.4335 2.14811Z" fill="white"/>
-<path d="M0.285713 16.5517C0.367085 18.9754 1.01023 21.3471 2.16447 23.4799L7.21396 20.5559L0.285713 16.5517Z" fill="white"/>
-<path d="M2.16447 8.51996C1.01384 10.6433 0.370833 13.0043 0.285713 15.4178L7.22097 11.4393L2.16447 8.51996Z" fill="white"/>
-<path d="M8.61544 29.8822C10.7469 31.0189 13.1128 31.6461 15.5274 31.7143V25.9291L8.61544 29.8822Z" fill="white" fill-opacity="0.8"/>
-<path d="M29.3675 7.73539C28.1143 5.71396 26.4208 4.00147 24.4136 2.72543V10.5987L29.3675 7.73539Z" fill="white"/>
-<path d="M24.4136 29.2791C26.4312 27.994 28.1314 26.2684 29.3863 24.2321L24.4136 21.3591V29.2791Z" fill="white"/>
-<path d="M31.7143 15.3738C31.6251 12.9835 30.9879 10.6458 29.8518 8.54102L24.8441 11.4325L31.7143 15.3738Z" fill="white" fill-opacity="0.8"/>
-<path d="M16.4632 31.7143C18.8725 31.6467 21.2333 31.0229 23.3613 29.8914L16.4632 25.8942V31.7143Z" fill="white"/>
-<path d="M7.62141 19.711V12.2892L1.17738 15.9838L7.62141 19.711Z" fill="white" fill-opacity="0.8"/>
-</g>
-<defs>
-<clipPath id="clip0_36_80">
-<rect width="32" height="32" fill="white"/>
-</clipPath>
-</defs>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 1000 1002" xmlns:v="https://vecta.io/nano"><path d="M499.125 232.75l2.689-.002c14.579.018 28.8.721 43.186 3.252l2.993.52C593.502 244.684 635.449 264.466 671 294l1.703 1.396C686.049 306.36 698.428 318.311 709 332l2.344 2.898c7.331 9.211 13.578 19.03 19.656 29.102l1.263 2.091c24.014 40.196 35.95 86.794 35.987 133.472l.002 2.313c-.02 14.525-.998 28.76-3.252 43.125l-.456 2.949c-8.095 49.775-32.19 96.612-66.224 133.508-1.916 2.1-3.75 4.236-5.57 6.418C655.715 730.287 597.688 757.186 543 766l-2.058.339c-13.493 2.191-26.971 2.899-40.629 2.911l-2.167.002A264.44 264.44 0 0 1 457 766l-3.008-.456C410.389 758.7 368.491 739.303 334 712l-2.871-2.227c-55.077-43.701-89.029-108.532-98.186-177.815C227.154 480.485 236.753 428.555 259 382l1.111-2.352C272.214 354.386 289.656 332.064 309 312l2.504-2.629c5.458-5.615 11.379-10.495 17.496-15.371l3.438-2.848c46.89-38.684 106.213-58.361 166.688-58.402zm8.222 116.533c-4.613 5.877-5.285 14.08-6.398 21.221l-.543 3.344-1.136 7.062-2.993 18.402-.597 3.64c-1.697 10.285-3.611 20.51-5.655 30.732-1.633 8.188-3.088 16.393-4.463 24.628-1.907 11.397-4.186 22.685-6.587 33.986-2.036 9.618-3.727 19.203-5.038 28.952-1.603 11.91-4.421 23.269-7.937 34.75-3.927 0-4.756-.322-8-2-6.123-1.262-12.394-1.063-18.609-.93l-5.477.023-8.483.108c-18.206.464-18.206.464-25.763-6.39-1.946-1.891-3.802-3.84-5.668-5.812-1.418-1.183-2.861-2.339-4.34-3.445l-1.842-1.383-1.756-1.297-1.838-1.414c-3.662-2.712-6.515-4.404-11.225-4.461-13.804 4.892-27.185 15.693-39.246 23.859-9.711 6.531-19.848 11.983-30.315 17.195-11.217 4.932-11.217 4.932-18.439 13.945.739 2.638.739 2.638 2 5 3.979 1.989 7.577 1.401 11.719.234 19.844-7.116 37.399-19.896 54.742-31.586l3.294-2.214 6.376-4.317 2.931-1.976 2.598-1.765c2.233-1.313 3.76-2.177 6.34-2.376 1.748.969 1.748.969 3.504 2.5l1.978 1.68 2.081 1.82 4.324 3.617 2.13 1.772c13.179 10.703 24.996 12.048 41.358 12.173l7.379.092 4.561.044c3.698.055 6.616.124 9.685 2.302 2.172 2.828 4.146 5.712 6.113 8.682 2.875 4.214 5.744 7.308 9.
\ No newline at end of file
diff --git a/src/collections/integrations/velero-s3-deployment/icons/white/velero-s3-deployment-white.svg b/src/collections/integrations/velero-s3-deployment/icons/white/velero-s3-deployment-white.svg
index aa9e84b87c10..1a03302c9048 100644
--- a/src/collections/integrations/velero-s3-deployment/icons/white/velero-s3-deployment-white.svg
+++ b/src/collections/integrations/velero-s3-deployment/icons/white/velero-s3-deployment-white.svg
@@ -1 +1 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.405 8.732v6.57l5.694-3.297-5.694-3.273Zm0 7.942v6.602l5.747-3.285-5.747-3.317Z" fill="#fff"/><path d="M15.586 15.256v-6.47l-5.622 3.225 5.622 3.245ZM4.307 23.252a13.809 13.809 0 0 0 4.362 4.39v-6.914l-4.362 2.524Zm11.279-.008v-6.52L9.95 19.985l5.636 3.258Z" fill="#fff" fill-opacity=".8"/><path d="m9.49 27.23 5.707-3.263-5.707-3.3v6.563Z" fill="#fff"/><path d="M22.54 27.265v-6.553l-5.699 3.259 5.7 3.294Zm5.58-4.773a13.697 13.697 0 0 0 1.612-5.895l-5.934 3.397 4.323 2.498Z" fill="#fff" fill-opacity=".8"/><path d="m23.362 19.298 5.728-3.276-5.728-3.291v6.567Z" fill="#fff"/><path d="M22.541 11.315V4.8l-5.673 3.253 5.673 3.262Zm0 7.955v-6.574l-5.685 3.292 5.685 3.281Z" fill="#fff" fill-opacity=".8"/><path d="M9.49 12.684v6.622l5.728-3.316-5.728-3.306Z" fill="#fff"/><path d="M15.586 2.25a13.69 13.69 0 0 0-6.037 1.595l6.037 3.463V2.25Z" fill="#fff" fill-opacity=".8"/><path d="M9.49 4.756v6.583l5.732-3.288L9.49 4.756Z" fill="#fff"/><path d="M8.669 4.356a13.83 13.83 0 0 0-4.362 4.39l4.362 2.518V4.356Z" fill="#fff" fill-opacity=".8"/><path d="M22.504 3.88a13.695 13.695 0 0 0-6.099-1.63v5.123l6.1-3.493ZM2.25 16.483c.071 2.12.634 4.196 1.644 6.062l4.418-2.559-6.062-3.503Zm1.644-7.028a13.68 13.68 0 0 0-1.644 6.036l6.068-3.482-4.424-2.554Z" fill="#fff"/><path d="M9.539 28.147a13.673 13.673 0 0 0 6.047 1.603v-5.062L9.54 28.147Z" fill="#fff" fill-opacity=".8"/><path d="M27.697 8.768a13.83 13.83 0 0 0-4.335-4.383v6.889l4.335-2.506ZM23.362 27.62a13.851 13.851 0 0 0 4.351-4.417l-4.351-2.514v6.93Z" fill="#fff"/><path d="M29.75 15.452a13.659 13.659 0 0 0-1.63-5.979l-4.381 2.53 6.011 3.45Z" fill="#fff" fill-opacity=".8"/><path d="M16.405 29.75a13.673 13.673 0 0 0 6.036-1.595l-6.036-3.498v5.093Z" fill="#fff"/><path d="M8.669 19.247v-6.494L3.03 15.986l5.639 3.261Z" fill="#fff" fill-opacity=".8"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 1000 1002" xmlns:v="https://vecta.io/nano"><path d="M499.125 232.75l2.689-.002c14.579.018 28.8.721 43.186 3.252l2.993.52C593.502 244.684 635.449 264.466 671 294l1.703 1.396C686.049 306.36 698.428 318.311 709 332l2.344 2.898c7.331 9.211 13.578 19.03 19.656 29.102l1.263 2.091c24.014 40.196 35.95 86.794 35.987 133.472l.002 2.313c-.02 14.525-.998 28.76-3.252 43.125l-.456 2.949c-8.095 49.775-32.19 96.612-66.224 133.508-1.916 2.1-3.75 4.236-5.57 6.418C655.715 730.287 597.688 757.186 543 766l-2.058.339c-13.493 2.191-26.971 2.899-40.629 2.911l-2.167.002A264.44 264.44 0 0 1 457 766l-3.008-.456C410.389 758.7 368.491 739.303 334 712l-2.871-2.227c-55.077-43.701-89.029-108.532-98.186-177.815C227.154 480.485 236.753 428.555 259 382l1.111-2.352C272.214 354.386 289.656 332.064 309 312l2.504-2.629c5.458-5.615 11.379-10.495 17.496-15.371l3.438-2.848c46.89-38.684 106.213-58.361 166.688-58.402zm8.222 116.533c-4.613 5.877-5.285 14.08-6.398 21.221l-.543 3.344-1.136 7.062-2.993 18.402-.597 3.64c-1.697 10.285-3.611 20.51-5.655 30.732-1.633 8.188-3.088 16.393-4.463 24.628-1.907 11.397-4.186 22.685-6.587 33.986-2.036 9.618-3.727 19.203-5.038 28.952-1.603 11.91-4.421 23.269-7.937 34.75-3.927 0-4.756-.322-8-2-6.123-1.262-12.394-1.063-18.609-.93l-5.477.023-8.483.108c-18.206.464-18.206.464-25.763-6.39-1.946-1.891-3.802-3.84-5.668-5.812-1.418-1.183-2.861-2.339-4.34-3.445l-1.842-1.383-1.756-1.297-1.838-1.414c-3.662-2.712-6.515-4.404-11.225-4.461-13.804 4.892-27.185 15.693-39.246 23.859-9.711 6.531-19.848 11.983-30.315 17.195-11.217 4.932-11.217 4.932-18.439 13.945.739 2.638.739 2.638 2 5 3.979 1.989 7.577 1.401 11.719.234 19.844-7.116 37.399-19.896 54.742-31.586l3.294-2.214 6.376-4.317 2.931-1.976 2.598-1.765c2.233-1.313 3.76-2.177 6.34-2.376 1.748.969 1.748.969 3.504 2.5l1.978 1.68 2.081 1.82 4.324 3.617 2.13 1.772c13.179 10.703 24.996 12.048 41.358 12.173l7.379.092 4.561.044c3.698.055 6.616.124 9.685 2.302 2.172 2.828 4.146 5.712 6.113 8.682 2.875 4.214 5.744 7.308 9.
\ No newline at end of file