diff --git a/content/en/cloud/_index.md b/content/en/cloud/_index.md
index 218e92aa..edd98636 100755
--- a/content/en/cloud/_index.md
+++ b/content/en/cloud/_index.md
@@ -32,7 +32,7 @@ cascade:
 **Meshery** ([docs](https://docs.meshery.io)) is a cloud native manager that enables the design and management of Kubernetes-based infrastructure and applications. It is an extensible developer platform that seamlessly integrates with all CNCF projects, and various monitoring, CI/CD, and security tools.
 </div></div>
 
-<div style="display: flex; align-items: flex-start; margin-top:15px;"><div class="logo-container">{{< svg name="kanvas" >}}</div>
+<div style="display: flex; align-items: flex-start; margin-top:15px;"><div class="logo-container"><img src="/images/logos/kanvas-alt.svg" alt="kanvas logo"/></div>
 
 <div style="flex: 1;">
 
diff --git a/content/en/kanvas/_index.md b/content/en/kanvas/_index.md
index b08ad9f2..072b6972 100755
--- a/content/en/kanvas/_index.md
+++ b/content/en/kanvas/_index.md
@@ -40,7 +40,7 @@ aliases:
 <div 
     style="display:flex; align-items: center; margin-bottom:2rem; margin-top: 1rem;font-style:italic; white-space: nowrap;padding: 1rem; box-shadow: inset 0 0em 4em #ebc01766, 0 0 0 2px #ebc01766, 0.3em 0.3em 1em #ebc01733;">You are here</div>
                 
-<div style="min-width:50px;">{{< svg name="kanvas" >}}</div>
+<div style="min-width:50px;"><img src="/images/logos/kanvas-alt.svg" alt="kanvas logo"/></div>
 
 <div>