diff --git a/apps/deploy-web/public/images/astrojs.png b/apps/deploy-web/public/images/astrojs.png
deleted file mode 100644
index c7ebc6f6c..000000000
Binary files a/apps/deploy-web/public/images/astrojs.png and /dev/null differ
diff --git a/apps/deploy-web/public/images/astrojs.svg b/apps/deploy-web/public/images/astrojs.svg
new file mode 100644
index 000000000..e017d6db8
--- /dev/null
+++ b/apps/deploy-web/public/images/astrojs.svg
@@ -0,0 +1,16 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_644_1057)">
+<path d="M17.0086 5.12686C17.1758 5.33431 17.2611 5.6143 17.4309 6.17358L21.153 18.4001C19.755 17.6745 18.2544 17.1665 16.7032 16.8936L14.2801 8.70444C14.2609 8.63898 14.2211 8.58149 14.1665 8.54061C14.1119 8.49974 14.0455 8.47768 13.9773 8.47776C13.9091 8.47784 13.8428 8.50004 13.7883 8.54104C13.7338 8.58204 13.6941 8.63962 13.6751 8.70513L11.281 16.8895C9.72298 17.1612 8.21574 17.67 6.81177 18.3982L10.5514 6.171C10.7226 5.61241 10.8079 5.33294 10.9749 5.12549C11.1226 4.94288 11.3145 4.80101 11.5323 4.71333C11.7786 4.6145 12.0713 4.6145 12.6555 4.6145H15.327C15.9117 4.6145 16.2044 4.6145 16.4515 4.71402C16.6696 4.80168 16.8612 4.94383 17.0086 5.12686Z" fill="white"/>
+<path d="M17.4538 18.9815C16.8402 19.5066 15.6154 19.8644 14.2048 19.8644C12.474 19.8644 11.0226 19.3252 10.6377 18.6001C10.5002 19.0157 10.4693 19.4911 10.4693 19.7953C10.4693 19.7953 10.3787 21.2863 11.416 22.3236C11.416 22.1956 11.4412 22.0688 11.4902 21.9506C11.5392 21.8323 11.611 21.7248 11.7015 21.6343C11.792 21.5438 11.8995 21.472 12.0178 21.423C12.1361 21.3741 12.2628 21.3489 12.3909 21.3489C13.3138 21.3489 13.3133 22.1538 13.3126 22.8078V22.8655C13.3126 23.8578 13.9188 24.7078 14.7809 25.0664C14.6481 24.7934 14.5792 24.4937 14.5795 24.1902C14.5795 23.2435 15.1347 22.8916 15.7806 22.4821C16.2943 22.1565 16.8649 21.7946 17.2577 21.0689C17.4696 20.6779 17.5804 20.2401 17.5799 19.7953C17.5802 19.5192 17.5376 19.2446 17.4538 18.9815Z" fill="#FF5D01"/>
+<path d="M17.4538 18.9815C16.8402 19.5066 15.6154 19.8644 14.2048 19.8644C12.474 19.8644 11.0226 19.3252 10.6377 18.6001C10.5002 19.0157 10.4693 19.4911 10.4693 19.7953C10.4693 19.7953 10.3787 21.2863 11.416 22.3236C11.416 22.1956 11.4412 22.0688 11.4902 21.9506C11.5392 21.8323 11.611 21.7248 11.7015 21.6343C11.792 21.5438 11.8995 21.472 12.0178 21.423C12.1361 21.3741 12.2628 21.3489 12.3909 21.3489C13.3138 21.3489 13.3133 22.1538 13.3126 22.8078V22.8655C13.3126 23.8578 13.9188 24.7078 14.7809 25.0664C14.6481 24.7934 14.5792 24.4937 14.5795 24.1902C14.5795 23.2435 15.1347 22.8916 15.7806 22.4821C16.2943 22.1565 16.8649 21.7946 17.2577 21.0689C17.4696 20.6779 17.5804 20.2401 17.5799 19.7953C17.5802 19.5192 17.5376 19.2446 17.4538 18.9815Z" fill="url(#paint0_linear_644_1057)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_644_1057" x1="20.2165" y1="14.714" x2="16.5838" y2="22.3188" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF1639"/>
+<stop offset="1" stop-color="#FF1639" stop-opacity="0"/>
+</linearGradient>
+<clipPath id="clip0_644_1057">
+<rect width="22" height="22" fill="white" transform="translate(3.00012 3.5)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/apps/deploy-web/public/images/github.png b/apps/deploy-web/public/images/github.png
deleted file mode 100644
index 9490ffc6d..000000000
Binary files a/apps/deploy-web/public/images/github.png and /dev/null differ
diff --git a/apps/deploy-web/public/images/github.svg b/apps/deploy-web/public/images/github.svg
new file mode 100644
index 000000000..3b07b5b91
--- /dev/null
+++ b/apps/deploy-web/public/images/github.svg
@@ -0,0 +1,3 @@
+<svg width="26" height="27" viewBox="0 0 26 27" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13 2.125C6.71531 2.125 1.625 7.21531 1.625 13.5C1.625 18.5334 4.88109 22.7848 9.40266 24.292C9.97141 24.3916 10.1847 24.0503 10.1847 23.7517C10.1847 23.4816 10.1705 22.5858 10.1705 21.6331C7.3125 22.1592 6.57312 20.9364 6.34562 20.2966C6.21766 19.9695 5.66313 18.96 5.17969 18.6898C4.78156 18.4766 4.21281 17.9505 5.16547 17.9362C6.06125 17.922 6.70109 18.7609 6.91438 19.1022C7.93813 20.8227 9.57328 20.3392 10.2273 20.0406C10.3269 19.3013 10.6255 18.8036 10.9525 18.5192C8.42156 18.2348 5.77688 17.2537 5.77688 12.9028C5.77688 11.6658 6.21766 10.642 6.94281 9.84578C6.82906 9.56141 6.43094 8.39547 7.05656 6.83141C7.05656 6.83141 8.00922 6.53281 10.1847 7.99734C11.0947 7.74141 12.0616 7.61344 13.0284 7.61344C13.9953 7.61344 14.9622 7.74141 15.8722 7.99734C18.0477 6.51859 19.0003 6.83141 19.0003 6.83141C19.6259 8.39547 19.2278 9.56141 19.1141 9.84578C19.8392 10.642 20.28 11.6516 20.28 12.9028C20.28 17.268 17.6211 18.2348 15.0902 18.5192C15.5025 18.8747 15.858 19.5572 15.858 20.6236C15.858 22.145 15.8438 23.3678 15.8438 23.7517C15.8438 24.0503 16.057 24.4058 16.6258 24.292C18.8839 23.5297 20.8462 22.0784 22.2363 20.1425C23.6264 18.2065 24.3744 15.8834 24.375 13.5C24.375 7.21531 19.2847 2.125 13 2.125Z" fill="white"/>
+</svg>
diff --git a/apps/deploy-web/public/images/nextjs.png b/apps/deploy-web/public/images/nextjs.png
deleted file mode 100644
index a4cd08a1c..000000000
Binary files a/apps/deploy-web/public/images/nextjs.png and /dev/null differ
diff --git a/apps/deploy-web/public/images/nextjs.svg b/apps/deploy-web/public/images/nextjs.svg
new file mode 100644
index 000000000..b628cc2e7
--- /dev/null
+++ b/apps/deploy-web/public/images/nextjs.svg
@@ -0,0 +1,10 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_644_1050)">
+<path d="M14.0001 2.5C7.38137 2.5 2.00012 7.88125 2.00012 14.5C2.00012 21.1187 7.38137 26.5 14.0001 26.5C16.1001 26.5 18.0689 25.9562 19.7751 25.0187L11.0751 12.8687V19.7313H9.80012V10.3375H11.0751L20.5439 24.55C23.8251 22.4125 26.0001 18.7188 26.0001 14.5C26.0001 7.88125 20.6189 2.5 14.0001 2.5ZM18.1439 18.3625L16.7376 16.2438V10.3375H18.1439V18.3625Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_644_1050">
+<rect width="24" height="24" fill="white" transform="translate(2.00012 2.5)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/apps/deploy-web/src/components/new-deployment/TemplateList.tsx b/apps/deploy-web/src/components/new-deployment/TemplateList.tsx
index d834a282f..f60966a8f 100644
--- a/apps/deploy-web/src/components/new-deployment/TemplateList.tsx
+++ b/apps/deploy-web/src/components/new-deployment/TemplateList.tsx
@@ -96,8 +96,8 @@ export const TemplateList: React.FunctionComponent<Props> = ({ onChangeGitProvid
           <DeployOptionBox
             title="Build & Deploy"
             description="Build & Deploy directly from a code repository (VCS)"
-            topIcons={["/images/github.png", "/images/gitlab.png", "/images/bitbucket.png"]}
-            bottomIcons={["/images/nextjs.png", "/images/vuejs.png", "/images/astrojs.png", "/images/python.png"]}
+            topIcons={["/images/github.png", "/images/gitlab.svg", "/images/bitbucket.png"]}
+            bottomIcons={["/images/nextjs.svg", "/images/vuejs.png", "/images/astrojs.svg", "/images/python.png"]}
             onClick={handleGithubTemplate}
             testId="build-and-deploy-card"
           />