diff --git a/src/sections/Community/Handbook/repo-data.js b/src/sections/Community/Handbook/repo-data.js
index 682dc544d8dd..a2a5c33fc1b5 100644
--- a/src/sections/Community/Handbook/repo-data.js
+++ b/src/sections/Community/Handbook/repo-data.js
@@ -19,7 +19,7 @@ import appmeshLogo from "../../../assets/images/service-mesh-icons/aws-app-mesh.
 import ciliumLogo from "../../../assets/images/service-mesh-icons/cilium.svg";
 import wasm from "../../../assets/images/webassembly/webssembly_icon.svg";
 import recognitionLogo from "../../../assets/images/recognition-program/recognition-program.png";
-import kanvasLogo from "../../../assets/images/kanvas-snapshot/kanvas-snapshot.svg";
+import kanvasLogo from "../../../assets/images/kanvas/icon-only/kanvas-icon-color.svg";
 
 export const repo_data = [
   {
@@ -85,7 +85,7 @@ export const repo_data = [
       },
       {
         project: "Kanvas",
-        image: meshery,
+        image: kanvasLogo,
         site: "/cloud-native-management/kanvas",
         language: "React.js, Cytoscape.js",
         maintainers_name: ["Aabid Sofi"],
@@ -324,7 +324,7 @@ export const repo_data = [
       },
       {
         project: "Helm Kanvas Snapshot",
-        image: meshery,
+        image: kanvasLogo,
         language: "Golang",
         maintainers_name: ["Vacant"],
         link: [""],
diff --git a/src/sections/Kanvas/kanvas-cta/index.js b/src/sections/Kanvas/kanvas-cta/index.js
index d71129808f89..9c889aa51639 100644
--- a/src/sections/Kanvas/kanvas-cta/index.js
+++ b/src/sections/Kanvas/kanvas-cta/index.js
@@ -3,7 +3,6 @@ import styled from "styled-components";
 
 import { Container } from "../../../reusecore/Layout";
 import Locator from "./locator.svg";
-import MesherySurface from "./meshery-surface.svg";
 import Button from "../../../reusecore/Button";
 
 const KanvasCTAWrapper = styled.div`
@@ -17,10 +16,6 @@ const KanvasCTAWrapper = styled.div`
   margin: 2rem auto;
   align-items: center;
   
-  .surface {
-    width: 60%;
-    min-width: 160px;
-  }
   .rotate{
     animation: coin-rotate 4s ease-in-out infinite alternate;
     /* animation-fill-mode: both; */
@@ -59,9 +54,7 @@ const KanvasCTAWrapper = styled.div`
 
   @media screen and (max-width:767px) {
     display: block;
-    .surface {
-      width: 30%;
-    }
+  
     .rotate {
       margin: 0 auto 0.25rem;
       height: 12rem;
@@ -97,7 +90,6 @@ const KanvasCTA = () => {
         <div className="CTAbody">
           <div>
             <img className="rotate" src={Locator} />
-            <img className="surface" src={MesherySurface} />
           </div>
           <div className="text">
             <h2><span>Kanvas</span> is here!</h2>
diff --git a/src/sections/Kanvas/kanvas-cta/locator.svg b/src/sections/Kanvas/kanvas-cta/locator.svg
index b45cef0f2caf..29c4be1f481b 100644
--- a/src/sections/Kanvas/kanvas-cta/locator.svg
+++ b/src/sections/Kanvas/kanvas-cta/locator.svg
@@ -1 +1,26 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 164.86 269.18"><defs><style>.cls-1{fill:#fff;isolation:isolate;opacity:0.8;}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><g id="Layer_2-2" data-name="Layer 2"><g id="Layer_1-2-2" data-name="Layer 1-2"><path class="cls-1" d="M81.86,269.18c-9-16.35-17.86-31.18-25.4-46.67-15.8-32.48-31.41-65.08-46-98.1C3.19,108-1.54,90.69.46,72.06c3.38-31.85,28.45-61.35,59.7-69.2,44.38-11.15,86.08,11,101,54.24,6.4,18.58,3.81,37.16-2.55,55.48-12.84,37-30.57,71.83-48.56,106.5-7.65,14.74-16,29.14-24,43.68C85,264.49,83.81,266.11,81.86,269.18Zm.78-127.57c32.62-.28,59.7-27.62,59.38-60-.32-32.77-27.65-59.35-60.94-59.25C50.17,22.45,22,50.6,22.34,81.1c.35,33.84,27.2,60.79,60.3,60.51Z"/></g></g></g></g></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+      }
+
+      .cls-2 {
+        opacity: .8;
+      }
+    </style>
+  </defs>
+  <polygon class="cls-1" points="261.82 30.1 261.82 228.75 433.99 129.07 261.82 30.1"/>
+  <polygon class="cls-1" points="261.82 270.3 261.82 469.9 435.56 370.56 261.82 270.3"/>
+  <g class="cls-2">
+    <polygon class="cls-1" points="237.03 227.38 237.03 31.77 66.97 129.25 237.03 227.38"/>
+  </g>
+  <g class="cls-2">
+    <polygon class="cls-1" points="237.03 468.98 237.03 271.74 66.56 370.43 237.03 468.98"/>
+  </g>
+  <g class="cls-2">
+    <polygon class="cls-1" points="447.37 348.75 447.37 149.97 275.4 249.52 447.37 348.75"/>
+  </g>
+  <polygon class="cls-1" points="52.63 149.59 52.63 349.85 225.87 249.56 52.63 149.59"/>
+</svg>
\ No newline at end of file