diff --git a/examples/cronjobs-analytics-waspleau/src/client/WaspSourceHeader.jsx b/examples/cronjobs-analytics-waspleau/src/client/WaspSourceHeader.jsx
index f2ed4213f7..0468d5028b 100644
--- a/examples/cronjobs-analytics-waspleau/src/client/WaspSourceHeader.jsx
+++ b/examples/cronjobs-analytics-waspleau/src/client/WaspSourceHeader.jsx
@@ -1,4 +1,4 @@
-import waspLogo from './waspLogo.png'
+import waspLogo from './waspLogo.svg'
 
 const WaspSourceHeader = (props) => {
   const divStyle = {
diff --git a/examples/db-seeding-thoughts/src/client/WaspSourceHeader.jsx b/examples/db-seeding-thoughts/src/client/WaspSourceHeader.jsx
index 4e5bcf2eea..4bc5e2a6db 100644
--- a/examples/db-seeding-thoughts/src/client/WaspSourceHeader.jsx
+++ b/examples/db-seeding-thoughts/src/client/WaspSourceHeader.jsx
@@ -1,4 +1,4 @@
-import waspLogo from './waspLogo.png'
+import waspLogo from './waspLogo.svg'
 
 const WaspSourceHeader = (props) => {
   const divStyle = {
diff --git a/examples/hackathon-submissions/src/client/components/Navbar.tsx b/examples/hackathon-submissions/src/client/components/Navbar.tsx
index 1f83467fb9..838b427821 100644
--- a/examples/hackathon-submissions/src/client/components/Navbar.tsx
+++ b/examples/hackathon-submissions/src/client/components/Navbar.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import waspLogo from '../waspLogo.png';
+import waspLogo from '../waspLogo.svg';
 import { Star } from 'react-feather';
 
 export const DiscordIcon = () => (
diff --git a/examples/hackathon-submissions/src/client/waspLogo.png b/examples/hackathon-submissions/src/client/waspLogo.png
deleted file mode 100644
index dcef401134..0000000000
Binary files a/examples/hackathon-submissions/src/client/waspLogo.png and /dev/null differ
diff --git a/examples/hackathon-submissions/src/client/waspLogo.svg b/examples/hackathon-submissions/src/client/waspLogo.svg
new file mode 100644
index 0000000000..92a92f9b15
--- /dev/null
+++ b/examples/hackathon-submissions/src/client/waspLogo.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="604px" height="604px" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" xmlns:xlink="http://www.w3.org/1999/xlink">
+<g><path style="opacity:0.997" fill="#fecb00" d="M 277.5,-0.5 C 293.5,-0.5 309.5,-0.5 325.5,-0.5C 439.314,12.6367 522.48,69.97 575,171.5C 590.766,205.275 600.266,240.608 603.5,277.5C 603.5,293.5 603.5,309.5 603.5,325.5C 590.363,439.314 533.03,522.48 431.5,575C 397.725,590.766 362.392,600.266 325.5,603.5C 309.5,603.5 293.5,603.5 277.5,603.5C 163.686,590.363 80.5197,533.03 28,431.5C 12.2343,397.725 2.7343,362.392 -0.5,325.5C -0.5,309.5 -0.5,293.5 -0.5,277.5C 12.6367,163.686 69.97,80.5197 171.5,28C 205.275,12.2343 240.608,2.7343 277.5,-0.5 Z"/></g>
+<g><path style="opacity:1" fill="#020100" d="M 328.5,163.5 C 344.83,162.768 360.83,164.601 376.5,169C 384.27,171.771 389.77,176.937 393,184.5C 394.647,189.754 395.98,195.087 397,200.5C 397.333,219.833 397.667,239.167 398,258.5C 398.301,266.32 400.301,273.653 404,280.5C 408.276,285.772 413.776,288.939 420.5,290C 428.159,290.5 435.826,290.666 443.5,290.5C 443.5,297.5 443.5,304.5 443.5,311.5C 434.032,310.989 424.699,311.822 415.5,314C 404.083,319.452 398.25,328.619 398,341.5C 397.667,361.167 397.333,380.833 397,400.5C 396.266,409.964 393.266,418.631 388,426.5C 380.404,433.037 371.57,436.871 361.5,438C 350.518,438.943 339.518,439.443 328.5,439.5C 328.5,432.5 328.5,425.5 328.5,418.5C 337.546,418.764 346.546,418.264 355.5,417C 365.897,413.736 371.064,406.57 371,395.5C 371.333,375.5 371.667,355.5 372,335.5C 372.353,325.091 376.187,316.258 383.5,309C 388.373,306.064 393.373,303.397 398.5,301C 382.3,296.799 373.467,286.299 372,269.5C 371.667,248.833 371.333,228.167 371,207.5C 371.058,196.415 365.892,189.248 355.5,186C 346.541,184.783 337.541,184.283 328.5,184.5C 328.5,177.5 328.5,170.5 328.5,163.5 Z"/></g>
+<g><path style="opacity:1" fill="#000000" d="M 159.5,257.5 C 200.833,257.5 242.167,257.5 283.5,257.5C 283.5,265.5 283.5,273.5 283.5,281.5C 242.167,281.5 200.833,281.5 159.5,281.5C 159.5,273.5 159.5,265.5 159.5,257.5 Z"/></g>
+<g><path style="opacity:1" fill="#000000" d="M 159.5,316.5 C 200.833,316.5 242.167,316.5 283.5,316.5C 283.5,324.833 283.5,333.167 283.5,341.5C 242.167,341.5 200.833,341.5 159.5,341.5C 159.5,333.167 159.5,324.833 159.5,316.5 Z"/></g>
+</svg>
diff --git a/examples/realworld/src/client/WaspSourceHeader.jsx b/examples/realworld/src/client/WaspSourceHeader.jsx
index 4e5bcf2eea..4bc5e2a6db 100644
--- a/examples/realworld/src/client/WaspSourceHeader.jsx
+++ b/examples/realworld/src/client/WaspSourceHeader.jsx
@@ -1,4 +1,4 @@
-import waspLogo from './waspLogo.png'
+import waspLogo from './waspLogo.svg'
 
 const WaspSourceHeader = (props) => {
   const divStyle = {
diff --git a/examples/todo-app-in-typescript/src/client/MainPage.tsx b/examples/todo-app-in-typescript/src/client/MainPage.tsx
index b16d4242cf..7a97c34e72 100644
--- a/examples/todo-app-in-typescript/src/client/MainPage.tsx
+++ b/examples/todo-app-in-typescript/src/client/MainPage.tsx
@@ -1,5 +1,5 @@
 import React, { FormEventHandler, FormEvent } from "react";
-import waspLogo from "./waspLogo.png";
+import waspLogo from "./waspLogo.svg";
 
 import "./Main.css";
 // Wasp imports 🐝 = }
diff --git a/examples/trello-clone-waspello/src/client/WaspSourceHeader.jsx b/examples/trello-clone-waspello/src/client/WaspSourceHeader.jsx
index f57486fafc..2dd1bbe0b3 100644
--- a/examples/trello-clone-waspello/src/client/WaspSourceHeader.jsx
+++ b/examples/trello-clone-waspello/src/client/WaspSourceHeader.jsx
@@ -1,4 +1,4 @@
-import waspLogo from './waspLogo.png'
+import waspLogo from './waspLogo.svg'
 
 const WaspSourceHeader = (props) => {
   const divStyle = {
diff --git a/waspc/ChangeLog.md b/waspc/ChangeLog.md
index 7aadfebf50..954eb343e8 100644
--- a/waspc/ChangeLog.md
+++ b/waspc/ChangeLog.md
@@ -903,7 +903,7 @@ This was the file tree of a newly generated project in the previous version of W
 │   ├── Main.css
 │   ├── MainPage.js
 │   ├── .waspignore
-│   └── waspLogo.png
+│   └── waspLogo.svg
 ├── .gitignore
 ├── main.wasp
 └── .wasproot
@@ -920,7 +920,7 @@ get by running `wasp new project` from this point onwards):
 │   │   ├── MainPage.jsx
 │   │   ├── react-app-env.d.ts
 │   │   ├── tsconfig.json
-│   │   └── waspLogo.png
+│   │   └── waspLogo.svg
 │   ├── server
 │   │   └── tsconfig.json
 │   ├── shared
diff --git a/waspc/data/Cli/templates/basic/src/client/MainPage.jsx b/waspc/data/Cli/templates/basic/src/client/MainPage.jsx
index c53ad8abaa..78ecdb2a85 100644
--- a/waspc/data/Cli/templates/basic/src/client/MainPage.jsx
+++ b/waspc/data/Cli/templates/basic/src/client/MainPage.jsx
@@ -1,4 +1,4 @@
-import waspLogo from './waspLogo.png'
+import waspLogo from './waspLogo.svg'
 import './Main.css'
 
 const MainPage = () => {
diff --git a/waspc/e2e-test/test-outputs/waspBuild-golden/files.manifest b/waspc/e2e-test/test-outputs/waspBuild-golden/files.manifest
index 96fee87b1c..94a2c547cd 100644
--- a/waspc/e2e-test/test-outputs/waspBuild-golden/files.manifest
+++ b/waspc/e2e-test/test-outputs/waspBuild-golden/files.manifest
@@ -52,7 +52,7 @@ waspBuild/.wasp/build/web-app/src/ext-src/Main.css
 waspBuild/.wasp/build/web-app/src/ext-src/MainPage.jsx
 waspBuild/.wasp/build/web-app/src/ext-src/vite-env.d.ts
 waspBuild/.wasp/build/web-app/src/ext-src/vite.config.ts
-waspBuild/.wasp/build/web-app/src/ext-src/waspLogo.png
+waspBuild/.wasp/build/web-app/src/ext-src/waspLogo.svg
 waspBuild/.wasp/build/web-app/src/index.tsx
 waspBuild/.wasp/build/web-app/src/logo.png
 waspBuild/.wasp/build/web-app/src/operations/index.ts
@@ -87,6 +87,6 @@ waspBuild/src/client/MainPage.jsx
 waspBuild/src/client/tsconfig.json
 waspBuild/src/client/vite-env.d.ts
 waspBuild/src/client/vite.config.ts
-waspBuild/src/client/waspLogo.png
+waspBuild/src/client/waspLogo.svg
 waspBuild/src/server/tsconfig.json
 waspBuild/src/shared/tsconfig.json
diff --git a/waspc/e2e-test/test-outputs/waspBuild-golden/waspBuild/.wasp/build/.waspchecksums b/waspc/e2e-test/test-outputs/waspBuild-golden/waspBuild/.wasp/build/.waspchecksums
index f9824cd28c..6f3e58935d 100644
--- a/waspc/e2e-test/test-outputs/waspBuild-golden/waspBuild/.wasp/build/.waspchecksums
+++ b/waspc/e2e-test/test-outputs/waspBuild-golden/waspBuild/.wasp/build/.waspchecksums
@@ -380,7 +380,7 @@
     [
         [
             "file",
-            "web-app/src/ext-src/waspLogo.png"
+            "web-app/src/ext-src/waspLogo.svg"
         ],
         "0f05a89eb945d6d7326110e88776e402833b356202b06d0a8bf652e118d3fd2f"
     ],
diff --git a/waspc/e2e-test/test-outputs/waspBuild-golden/waspBuild/.wasp/build/web-app/src/ext-src/MainPage.jsx b/waspc/e2e-test/test-outputs/waspBuild-golden/waspBuild/.wasp/build/web-app/src/ext-src/MainPage.jsx
index c53ad8abaa..78ecdb2a85 100644
--- a/waspc/e2e-test/test-outputs/waspBuild-golden/waspBuild/.wasp/build/web-app/src/ext-src/MainPage.jsx
+++ b/waspc/e2e-test/test-outputs/waspBuild-golden/waspBuild/.wasp/build/web-app/src/ext-src/MainPage.jsx
@@ -1,4 +1,4 @@
-import waspLogo from './waspLogo.png'
+import waspLogo from './waspLogo.svg'
 import './Main.css'
 
 const MainPage = () => {
diff --git a/waspc/e2e-test/test-outputs/waspBuild-golden/waspBuild/src/client/MainPage.jsx b/waspc/e2e-test/test-outputs/waspBuild-golden/waspBuild/src/client/MainPage.jsx
index c53ad8abaa..78ecdb2a85 100644
--- a/waspc/e2e-test/test-outputs/waspBuild-golden/waspBuild/src/client/MainPage.jsx
+++ b/waspc/e2e-test/test-outputs/waspBuild-golden/waspBuild/src/client/MainPage.jsx
@@ -1,4 +1,4 @@
-import waspLogo from './waspLogo.png'
+import waspLogo from './waspLogo.svg'
 import './Main.css'
 
 const MainPage = () => {
diff --git a/waspc/e2e-test/test-outputs/waspCompile-golden/files.manifest b/waspc/e2e-test/test-outputs/waspCompile-golden/files.manifest
index d84378957c..c54f738108 100644
--- a/waspc/e2e-test/test-outputs/waspCompile-golden/files.manifest
+++ b/waspc/e2e-test/test-outputs/waspCompile-golden/files.manifest
@@ -54,7 +54,7 @@ waspCompile/.wasp/out/web-app/src/ext-src/Main.css
 waspCompile/.wasp/out/web-app/src/ext-src/MainPage.jsx
 waspCompile/.wasp/out/web-app/src/ext-src/vite-env.d.ts
 waspCompile/.wasp/out/web-app/src/ext-src/vite.config.ts
-waspCompile/.wasp/out/web-app/src/ext-src/waspLogo.png
+waspCompile/.wasp/out/web-app/src/ext-src/waspLogo.svg
 waspCompile/.wasp/out/web-app/src/index.tsx
 waspCompile/.wasp/out/web-app/src/logo.png
 waspCompile/.wasp/out/web-app/src/operations/index.ts
@@ -89,6 +89,6 @@ waspCompile/src/client/MainPage.jsx
 waspCompile/src/client/tsconfig.json
 waspCompile/src/client/vite-env.d.ts
 waspCompile/src/client/vite.config.ts
-waspCompile/src/client/waspLogo.png
+waspCompile/src/client/waspLogo.svg
 waspCompile/src/server/tsconfig.json
 waspCompile/src/shared/tsconfig.json
diff --git a/waspc/e2e-test/test-outputs/waspCompile-golden/waspCompile/.wasp/out/.waspchecksums b/waspc/e2e-test/test-outputs/waspCompile-golden/waspCompile/.wasp/out/.waspchecksums
index a8857d05c2..27360494a9 100644
--- a/waspc/e2e-test/test-outputs/waspCompile-golden/waspCompile/.wasp/out/.waspchecksums
+++ b/waspc/e2e-test/test-outputs/waspCompile-golden/waspCompile/.wasp/out/.waspchecksums
@@ -394,7 +394,7 @@
     [
         [
             "file",
-            "web-app/src/ext-src/waspLogo.png"
+            "web-app/src/ext-src/waspLogo.svg"
         ],
         "0f05a89eb945d6d7326110e88776e402833b356202b06d0a8bf652e118d3fd2f"
     ],
diff --git a/waspc/e2e-test/test-outputs/waspCompile-golden/waspCompile/.wasp/out/web-app/src/ext-src/MainPage.jsx b/waspc/e2e-test/test-outputs/waspCompile-golden/waspCompile/.wasp/out/web-app/src/ext-src/MainPage.jsx
index c53ad8abaa..78ecdb2a85 100644
--- a/waspc/e2e-test/test-outputs/waspCompile-golden/waspCompile/.wasp/out/web-app/src/ext-src/MainPage.jsx
+++ b/waspc/e2e-test/test-outputs/waspCompile-golden/waspCompile/.wasp/out/web-app/src/ext-src/MainPage.jsx
@@ -1,4 +1,4 @@
-import waspLogo from './waspLogo.png'
+import waspLogo from './waspLogo.svg'
 import './Main.css'
 
 const MainPage = () => {
diff --git a/waspc/e2e-test/test-outputs/waspCompile-golden/waspCompile/src/client/MainPage.jsx b/waspc/e2e-test/test-outputs/waspCompile-golden/waspCompile/src/client/MainPage.jsx
index c53ad8abaa..78ecdb2a85 100644
--- a/waspc/e2e-test/test-outputs/waspCompile-golden/waspCompile/src/client/MainPage.jsx
+++ b/waspc/e2e-test/test-outputs/waspCompile-golden/waspCompile/src/client/MainPage.jsx
@@ -1,4 +1,4 @@
-import waspLogo from './waspLogo.png'
+import waspLogo from './waspLogo.svg'
 import './Main.css'
 
 const MainPage = () => {
diff --git a/waspc/e2e-test/test-outputs/waspComplexTest-golden/files.manifest b/waspc/e2e-test/test-outputs/waspComplexTest-golden/files.manifest
index 3effe68daa..4e04026615 100644
--- a/waspc/e2e-test/test-outputs/waspComplexTest-golden/files.manifest
+++ b/waspc/e2e-test/test-outputs/waspComplexTest-golden/files.manifest
@@ -119,7 +119,7 @@ waspComplexTest/.wasp/out/web-app/src/ext-src/MainPage.jsx
 waspComplexTest/.wasp/out/web-app/src/ext-src/myClientSetupCode.js
 waspComplexTest/.wasp/out/web-app/src/ext-src/vite-env.d.ts
 waspComplexTest/.wasp/out/web-app/src/ext-src/vite.config.ts
-waspComplexTest/.wasp/out/web-app/src/ext-src/waspLogo.png
+waspComplexTest/.wasp/out/web-app/src/ext-src/waspLogo.svg
 waspComplexTest/.wasp/out/web-app/src/index.tsx
 waspComplexTest/.wasp/out/web-app/src/logo.png
 waspComplexTest/.wasp/out/web-app/src/operations/index.ts
@@ -158,7 +158,7 @@ waspComplexTest/src/client/myClientSetupCode.js
 waspComplexTest/src/client/tsconfig.json
 waspComplexTest/src/client/vite-env.d.ts
 waspComplexTest/src/client/vite.config.ts
-waspComplexTest/src/client/waspLogo.png
+waspComplexTest/src/client/waspLogo.svg
 waspComplexTest/src/server/actions/bar.js
 waspComplexTest/src/server/apiNamespaces.ts
 waspComplexTest/src/server/apis.ts
diff --git a/waspc/e2e-test/test-outputs/waspComplexTest-golden/waspComplexTest/.wasp/out/.waspchecksums b/waspc/e2e-test/test-outputs/waspComplexTest-golden/waspComplexTest/.wasp/out/.waspchecksums
index b72c25ea4b..4ecef90fcd 100644
--- a/waspc/e2e-test/test-outputs/waspComplexTest-golden/waspComplexTest/.wasp/out/.waspchecksums
+++ b/waspc/e2e-test/test-outputs/waspComplexTest-golden/waspComplexTest/.wasp/out/.waspchecksums
@@ -828,7 +828,7 @@
     [
         [
             "file",
-            "web-app/src/ext-src/waspLogo.png"
+            "web-app/src/ext-src/waspLogo.svg"
         ],
         "0f05a89eb945d6d7326110e88776e402833b356202b06d0a8bf652e118d3fd2f"
     ],
diff --git a/waspc/e2e-test/test-outputs/waspComplexTest-golden/waspComplexTest/.wasp/out/web-app/src/ext-src/MainPage.jsx b/waspc/e2e-test/test-outputs/waspComplexTest-golden/waspComplexTest/.wasp/out/web-app/src/ext-src/MainPage.jsx
index c53ad8abaa..78ecdb2a85 100644
--- a/waspc/e2e-test/test-outputs/waspComplexTest-golden/waspComplexTest/.wasp/out/web-app/src/ext-src/MainPage.jsx
+++ b/waspc/e2e-test/test-outputs/waspComplexTest-golden/waspComplexTest/.wasp/out/web-app/src/ext-src/MainPage.jsx
@@ -1,4 +1,4 @@
-import waspLogo from './waspLogo.png'
+import waspLogo from './waspLogo.svg'
 import './Main.css'
 
 const MainPage = () => {
diff --git a/waspc/e2e-test/test-outputs/waspComplexTest-golden/waspComplexTest/src/client/MainPage.jsx b/waspc/e2e-test/test-outputs/waspComplexTest-golden/waspComplexTest/src/client/MainPage.jsx
index c53ad8abaa..78ecdb2a85 100644
--- a/waspc/e2e-test/test-outputs/waspComplexTest-golden/waspComplexTest/src/client/MainPage.jsx
+++ b/waspc/e2e-test/test-outputs/waspComplexTest-golden/waspComplexTest/src/client/MainPage.jsx
@@ -1,4 +1,4 @@
-import waspLogo from './waspLogo.png'
+import waspLogo from './waspLogo.svg'
 import './Main.css'
 
 const MainPage = () => {
diff --git a/waspc/e2e-test/test-outputs/waspJob-golden/files.manifest b/waspc/e2e-test/test-outputs/waspJob-golden/files.manifest
index 1d8986f7d2..d118e74ce3 100644
--- a/waspc/e2e-test/test-outputs/waspJob-golden/files.manifest
+++ b/waspc/e2e-test/test-outputs/waspJob-golden/files.manifest
@@ -61,7 +61,7 @@ waspJob/.wasp/out/web-app/src/ext-src/Main.css
 waspJob/.wasp/out/web-app/src/ext-src/MainPage.jsx
 waspJob/.wasp/out/web-app/src/ext-src/vite-env.d.ts
 waspJob/.wasp/out/web-app/src/ext-src/vite.config.ts
-waspJob/.wasp/out/web-app/src/ext-src/waspLogo.png
+waspJob/.wasp/out/web-app/src/ext-src/waspLogo.svg
 waspJob/.wasp/out/web-app/src/index.tsx
 waspJob/.wasp/out/web-app/src/logo.png
 waspJob/.wasp/out/web-app/src/operations/index.ts
@@ -96,7 +96,7 @@ waspJob/src/client/MainPage.jsx
 waspJob/src/client/tsconfig.json
 waspJob/src/client/vite-env.d.ts
 waspJob/src/client/vite.config.ts
-waspJob/src/client/waspLogo.png
+waspJob/src/client/waspLogo.svg
 waspJob/src/server/jobs/bar.js
 waspJob/src/server/tsconfig.json
 waspJob/src/shared/tsconfig.json
diff --git a/waspc/e2e-test/test-outputs/waspJob-golden/waspJob/.wasp/out/.waspchecksums b/waspc/e2e-test/test-outputs/waspJob-golden/waspJob/.wasp/out/.waspchecksums
index 99d3f0d82c..408914c4b2 100644
--- a/waspc/e2e-test/test-outputs/waspJob-golden/waspJob/.wasp/out/.waspchecksums
+++ b/waspc/e2e-test/test-outputs/waspJob-golden/waspJob/.wasp/out/.waspchecksums
@@ -436,7 +436,7 @@
     [
         [
             "file",
-            "web-app/src/ext-src/waspLogo.png"
+            "web-app/src/ext-src/waspLogo.svg"
         ],
         "0f05a89eb945d6d7326110e88776e402833b356202b06d0a8bf652e118d3fd2f"
     ],
diff --git a/waspc/e2e-test/test-outputs/waspJob-golden/waspJob/.wasp/out/web-app/src/ext-src/MainPage.jsx b/waspc/e2e-test/test-outputs/waspJob-golden/waspJob/.wasp/out/web-app/src/ext-src/MainPage.jsx
index c53ad8abaa..78ecdb2a85 100644
--- a/waspc/e2e-test/test-outputs/waspJob-golden/waspJob/.wasp/out/web-app/src/ext-src/MainPage.jsx
+++ b/waspc/e2e-test/test-outputs/waspJob-golden/waspJob/.wasp/out/web-app/src/ext-src/MainPage.jsx
@@ -1,4 +1,4 @@
-import waspLogo from './waspLogo.png'
+import waspLogo from './waspLogo.svg'
 import './Main.css'
 
 const MainPage = () => {
diff --git a/waspc/e2e-test/test-outputs/waspJob-golden/waspJob/src/client/MainPage.jsx b/waspc/e2e-test/test-outputs/waspJob-golden/waspJob/src/client/MainPage.jsx
index c53ad8abaa..78ecdb2a85 100644
--- a/waspc/e2e-test/test-outputs/waspJob-golden/waspJob/src/client/MainPage.jsx
+++ b/waspc/e2e-test/test-outputs/waspJob-golden/waspJob/src/client/MainPage.jsx
@@ -1,4 +1,4 @@
-import waspLogo from './waspLogo.png'
+import waspLogo from './waspLogo.svg'
 import './Main.css'
 
 const MainPage = () => {
diff --git a/waspc/e2e-test/test-outputs/waspMigrate-golden/files.manifest b/waspc/e2e-test/test-outputs/waspMigrate-golden/files.manifest
index f663697234..f299a6aec9 100644
--- a/waspc/e2e-test/test-outputs/waspMigrate-golden/files.manifest
+++ b/waspc/e2e-test/test-outputs/waspMigrate-golden/files.manifest
@@ -59,7 +59,7 @@ waspMigrate/.wasp/out/web-app/src/ext-src/Main.css
 waspMigrate/.wasp/out/web-app/src/ext-src/MainPage.jsx
 waspMigrate/.wasp/out/web-app/src/ext-src/vite-env.d.ts
 waspMigrate/.wasp/out/web-app/src/ext-src/vite.config.ts
-waspMigrate/.wasp/out/web-app/src/ext-src/waspLogo.png
+waspMigrate/.wasp/out/web-app/src/ext-src/waspLogo.svg
 waspMigrate/.wasp/out/web-app/src/index.tsx
 waspMigrate/.wasp/out/web-app/src/logo.png
 waspMigrate/.wasp/out/web-app/src/operations/index.ts
@@ -96,6 +96,6 @@ waspMigrate/src/client/MainPage.jsx
 waspMigrate/src/client/tsconfig.json
 waspMigrate/src/client/vite-env.d.ts
 waspMigrate/src/client/vite.config.ts
-waspMigrate/src/client/waspLogo.png
+waspMigrate/src/client/waspLogo.svg
 waspMigrate/src/server/tsconfig.json
 waspMigrate/src/shared/tsconfig.json
diff --git a/waspc/e2e-test/test-outputs/waspMigrate-golden/waspMigrate/.wasp/out/.waspchecksums b/waspc/e2e-test/test-outputs/waspMigrate-golden/waspMigrate/.wasp/out/.waspchecksums
index eb93d61625..1fce0fc932 100644
--- a/waspc/e2e-test/test-outputs/waspMigrate-golden/waspMigrate/.wasp/out/.waspchecksums
+++ b/waspc/e2e-test/test-outputs/waspMigrate-golden/waspMigrate/.wasp/out/.waspchecksums
@@ -394,7 +394,7 @@
     [
         [
             "file",
-            "web-app/src/ext-src/waspLogo.png"
+            "web-app/src/ext-src/waspLogo.svg"
         ],
         "0f05a89eb945d6d7326110e88776e402833b356202b06d0a8bf652e118d3fd2f"
     ],
diff --git a/waspc/e2e-test/test-outputs/waspMigrate-golden/waspMigrate/.wasp/out/web-app/src/ext-src/MainPage.jsx b/waspc/e2e-test/test-outputs/waspMigrate-golden/waspMigrate/.wasp/out/web-app/src/ext-src/MainPage.jsx
index c53ad8abaa..78ecdb2a85 100644
--- a/waspc/e2e-test/test-outputs/waspMigrate-golden/waspMigrate/.wasp/out/web-app/src/ext-src/MainPage.jsx
+++ b/waspc/e2e-test/test-outputs/waspMigrate-golden/waspMigrate/.wasp/out/web-app/src/ext-src/MainPage.jsx
@@ -1,4 +1,4 @@
-import waspLogo from './waspLogo.png'
+import waspLogo from './waspLogo.svg'
 import './Main.css'
 
 const MainPage = () => {
diff --git a/waspc/e2e-test/test-outputs/waspMigrate-golden/waspMigrate/src/client/MainPage.jsx b/waspc/e2e-test/test-outputs/waspMigrate-golden/waspMigrate/src/client/MainPage.jsx
index c53ad8abaa..78ecdb2a85 100644
--- a/waspc/e2e-test/test-outputs/waspMigrate-golden/waspMigrate/src/client/MainPage.jsx
+++ b/waspc/e2e-test/test-outputs/waspMigrate-golden/waspMigrate/src/client/MainPage.jsx
@@ -1,4 +1,4 @@
-import waspLogo from './waspLogo.png'
+import waspLogo from './waspLogo.svg'
 import './Main.css'
 
 const MainPage = () => {
diff --git a/waspc/e2e-test/test-outputs/waspNew-golden/files.manifest b/waspc/e2e-test/test-outputs/waspNew-golden/files.manifest
index c54010eed3..984824a30f 100644
--- a/waspc/e2e-test/test-outputs/waspNew-golden/files.manifest
+++ b/waspc/e2e-test/test-outputs/waspNew-golden/files.manifest
@@ -6,6 +6,6 @@ waspNew/src/client/MainPage.jsx
 waspNew/src/client/tsconfig.json
 waspNew/src/client/vite-env.d.ts
 waspNew/src/client/vite.config.ts
-waspNew/src/client/waspLogo.png
+waspNew/src/client/waspLogo.svg
 waspNew/src/server/tsconfig.json
 waspNew/src/shared/tsconfig.json
diff --git a/waspc/e2e-test/test-outputs/waspNew-golden/waspNew/src/client/MainPage.jsx b/waspc/e2e-test/test-outputs/waspNew-golden/waspNew/src/client/MainPage.jsx
index c53ad8abaa..78ecdb2a85 100644
--- a/waspc/e2e-test/test-outputs/waspNew-golden/waspNew/src/client/MainPage.jsx
+++ b/waspc/e2e-test/test-outputs/waspNew-golden/waspNew/src/client/MainPage.jsx
@@ -1,4 +1,4 @@
-import waspLogo from './waspLogo.png'
+import waspLogo from './waspLogo.svg'
 import './Main.css'
 
 const MainPage = () => {
diff --git a/web/blog/2022-11-29-typescript-feature-announcement.md b/web/blog/2022-11-29-typescript-feature-announcement.md
index 8642039bfc..252be6f547 100644
--- a/web/blog/2022-11-29-typescript-feature-announcement.md
+++ b/web/blog/2022-11-29-typescript-feature-announcement.md
@@ -46,7 +46,7 @@ This will generate a project skeleton in the folder `myApp`. The project structu
 │   │   ├── MainPage.jsx
 │   │   ├── react-app-env.d.ts
 │   │   ├── tsconfig.json
-│   │   └── waspLogo.png
+│   │   └── waspLogo.svg
 │   ├── server            # Your server code (Node JS) goes here.
 │   │   └── tsconfig.json
 │   ├── shared            # Your shared (runtime independent) code goes here.
diff --git a/web/blog/2023-06-27-build-your-own-twitter-agent-langchain.md b/web/blog/2023-06-27-build-your-own-twitter-agent-langchain.md
index d45d0495e9..e7b5560680 100644
--- a/web/blog/2023-06-27-build-your-own-twitter-agent-langchain.md
+++ b/web/blog/2023-06-27-build-your-own-twitter-agent-langchain.md
@@ -1104,7 +1104,7 @@ Ok, but what good is a function that fetches the data if we’ve got nowhere to
 Let’s go now to our `src/client/MainPage.tsx` file (make sure it’s got the `.tsx` extension and not `.jsx`) and replace the contents with these below:
 
 ```tsx
-import waspLogo from './waspLogo.png'
+import waspLogo from './waspLogo.svg'
 import './Main.css'
 
 const MainPage = () => {
@@ -1208,7 +1208,7 @@ Next, we want our page to perform the following actions:
 That’s exactly what the below code will do. Go ahead and replace the `MainPage` with it and take a minute to review what’s going on:
 
 ```tsx
-import waspLogo from './waspLogo.png';
+import waspLogo from './waspLogo.svg';
 import './Main.css';
 import { useState } from 'react';
 import generateNewIdeas from '@wasp/actions/generateNewIdeas';
diff --git a/web/docs/project/css-frameworks.md b/web/docs/project/css-frameworks.md
index f5ca4ecdff..97246e44eb 100644
--- a/web/docs/project/css-frameworks.md
+++ b/web/docs/project/css-frameworks.md
@@ -18,7 +18,7 @@ With these files present, Wasp installs the necessary dependencies and copies yo
 │   │   ├── tsconfig.json
 │   │   ├── Main.css
 │   │   ├── MainPage.js
-│   │   └── waspLogo.png
+│   │   └── waspLogo.svg
 │   ├── server
 │   │   └── tsconfig.json
 │   └── shared
diff --git a/web/docs/tutorial/02-project-structure.md b/web/docs/tutorial/02-project-structure.md
index 0160d5cebd..b947e2ce44 100644
--- a/web/docs/tutorial/02-project-structure.md
+++ b/web/docs/tutorial/02-project-structure.md
@@ -18,7 +18,7 @@ After creating a new Wasp project, you'll get a file structure that looks like t
 │   │   ├── tsconfig.json
 │   │   ├── vite.config.ts
 │   │   ├── vite-env.d.ts
-│   │   └── waspLogo.png
+│   │   └── waspLogo.svg
 │   ├── server             # Your server code (Node JS) goes here.
 │   │   └── tsconfig.json
 │   ├── shared             # Your shared (runtime independent) code goes here.
diff --git a/web/docs/tutorial/03-pages.md b/web/docs/tutorial/03-pages.md
index ca0f9944ac..211809d442 100644
--- a/web/docs/tutorial/03-pages.md
+++ b/web/docs/tutorial/03-pages.md
@@ -48,7 +48,7 @@ Let's take a look at the React component referenced by the page declaration:
 <TabItem value="js" label="JavaScript">
 
 ```jsx title="src/client/MainPage.jsx"
-import waspLogo from './waspLogo.png'
+import waspLogo from './waspLogo.svg'
 import './Main.css'
 
 const MainPage = () => {
@@ -61,7 +61,7 @@ export default MainPage
 <TabItem value="ts" label="TypeScript">
 
 ```tsx title="src/client/MainPage.tsx"
-import waspLogo from './waspLogo.png'
+import waspLogo from './waspLogo.svg'
 import './Main.css'
 
 const MainPage = () => {
@@ -148,7 +148,7 @@ Since you are using Typescript, you can benefit from using Wasp's type-safe `Lin
 
 ## Cleaning Up
 
-Let's prepare for building the Todo app by cleaning up the project and removing files and code we won't need. Start by deleting `Main.css`, `waspLogo.png`, and `HelloPage.{jsx,tsx}` that we just created in the `src/client/` folder.
+Let's prepare for building the Todo app by cleaning up the project and removing files and code we won't need. Start by deleting `Main.css`, `waspLogo.svg`, and `HelloPage.{jsx,tsx}` that we just created in the `src/client/` folder.
 
 Since we deleted `HelloPage.{jsx,tsx}`, we also need to remember to remove the `route` and `page` declarations we wrote for it. Your Wasp file should now look like this: