diff --git a/src/components/Intro.js b/src/components/Intro.js
index 9e322add4..499fa8c30 100644
--- a/src/components/Intro.js
+++ b/src/components/Intro.js
@@ -74,7 +74,7 @@ function Languages() {
           >
             <img
               className="h-8 w-8 transition hover:scale-110"
-              src="/img/javascript.svg"
+              src="/img/javascript-logo.svg"
               alt="Javascript logo"
             />
             <p className="font-semibold">Javascript (WIP)</p>
@@ -114,7 +114,7 @@ function Server() {
           >
             <img
             className="h-8 w-8"
-            src="/img/mongodb.svg"
+            src="/img/mongodb-logo.svg"
             alt="Docker logo"
           />
           <p className="font-semibold">MongoDB</p>
@@ -126,7 +126,7 @@ function Server() {
           >
             <img
             className="h-8 w-8"
-            src="/img/oracle.svg"
+            src="/img/oracle-logo.svg"
             alt="Oracle logo"
           />
             <p className="font-semibold">Oracle (WIP)</p>
@@ -138,7 +138,7 @@ function Server() {
           >
             <img
             className="h-8 w-8"
-            src="/img/postgressql.svg"
+            src="/img/postgres-logo.svg"
             alt="PostgresSQL logo"
           />
             <p className="font-semibold">PostgresSQL (WIP)</p>
diff --git a/src/components/QuickStart.js b/src/components/QuickStart.js
index ed8ecad35..3631f8abb 100644
--- a/src/components/QuickStart.js
+++ b/src/components/QuickStart.js
@@ -23,21 +23,21 @@ export const QuickStart = () => {
           className=" scale flex flex-col items-center justify-center space-y-3 rounded-lg bg-[color:var(--ifm-card-background-color)] p-6 text-center shadow-lg"
           to={useBaseUrl("/docs/server/windows/installation")}
         >
-          <img className="h-16 w-16" src="/img/windows.svg" alt="Windows logo" />
+          <img className="h-16 w-16" src="/img/windows-logo.svg" alt="Windows logo" />
           <p className="text-lg">Windows</p>
         </Link>
         <Link
           className=" scale flex flex-col items-center justify-center space-y-3 rounded-lg bg-[color:var(--ifm-card-background-color)] p-6 text-center shadow-lg"
           to={useBaseUrl("/docs/server/linux/installation")}
         >
-          <img className="h-16 w-16" src="/img/linux.svg" alt="Linux logo" />
+          <img className="h-16 w-16" src="/img/linux-logo.svg" alt="Linux logo" />
           <p className="text-lg">Linux</p>
         </Link>
         <Link
           className=" scale flex flex-col items-center justify-center space-y-3 rounded-lg bg-[color:var(--ifm-card-background-color)] p-6 text-center shadow-lg"
           to={useBaseUrl("/docs/server/macos/installation")}
         >
-          <img className="h-16 w-16" src="/img/apple_grey.svg" alt="Mac logo" />
+          <img className="h-16 w-16" src="/img/apple-logo.svg" alt="Mac logo" />
           <p className="text-lg">MacOS</p>
         </Link>
       </div>
diff --git a/src/components/SDKs.js b/src/components/SDKs.js
index 67162e578..a3c1172fc 100644
--- a/src/components/SDKs.js
+++ b/src/components/SDKs.js
@@ -15,14 +15,14 @@ export const SDKs = () => {
           className=" scale flex flex-col items-center justify-center space-y-3 rounded-lg bg-[color:var(--ifm-card-background-color)] p-6 text-center shadow-lg"
           to={useBaseUrl("/docs/server/windows/installation")}
         >
-          <img className="h-16 w-16" src="/img/windows.svg" alt="Windows logo" />
+          <img className="h-16 w-16" src="/img/windows-logo.svg" alt="Windows logo" />
           <p className="text-lg">Windows</p>
         </Link>
         <Link className=" scale flex flex-col items-center justify-center space-y-3 rounded-lg bg-[color:var(--ifm-card-background-color)] p-6 text-center shadow-lg"
           to={useBaseUrl("/docs/server/linux/installation")}>
          <img
               className="h-16 w-16"
-              src="/img/linux.svg"
+              src="/img/linux-logo.svg"
               alt="Linux logo"
             />
             <p className="text-lg">Linux</p>
@@ -31,7 +31,7 @@ export const SDKs = () => {
           className=" scale flex flex-col items-center justify-center space-y-3 rounded-lg bg-[color:var(--ifm-card-background-color)] p-6 text-center shadow-lg"
           to={useBaseUrl("/docs/server/macos/installation")}
         >
-          <img className="h-16 w-16" src="/img/apple_grey.svg" alt="Mac logo" />
+          <img className="h-16 w-16" src="/img/apple-logo.svg" alt="Mac logo" />
           <p className="text-lg">MacOS</p>
         </Link>
       </div>
diff --git a/static/img/Apple_grey.svg b/static/img/apple-logo.svg
similarity index 100%
rename from static/img/Apple_grey.svg
rename to static/img/apple-logo.svg
diff --git a/static/img/docker.svg b/static/img/docker-logo.svg
similarity index 100%
rename from static/img/docker.svg
rename to static/img/docker-logo.svg
diff --git a/static/img/JavaScript.svg b/static/img/javascript-logo.svg
similarity index 100%
rename from static/img/JavaScript.svg
rename to static/img/javascript-logo.svg
diff --git a/static/img/Linux.svg b/static/img/linux-logo.svg
similarity index 100%
rename from static/img/Linux.svg
rename to static/img/linux-logo.svg
diff --git a/static/img/MongoDB.svg b/static/img/mongodb-logo.svg
similarity index 100%
rename from static/img/MongoDB.svg
rename to static/img/mongodb-logo.svg
diff --git a/static/img/Oracle.svg b/static/img/oracle-logo.svg
similarity index 100%
rename from static/img/Oracle.svg
rename to static/img/oracle-logo.svg
diff --git a/static/img/PostgresSQL.svg b/static/img/postgres-logo.svg
similarity index 100%
rename from static/img/PostgresSQL.svg
rename to static/img/postgres-logo.svg
diff --git a/static/img/Windows.svg b/static/img/windows-logo.svg
similarity index 100%
rename from static/img/Windows.svg
rename to static/img/windows-logo.svg