diff --git a/src/lib/components/ComponentIndex/Card.svelte b/src/lib/components/ComponentIndex/Card.svelte
index b636e68..a7412ad 100644
--- a/src/lib/components/ComponentIndex/Card.svelte
+++ b/src/lib/components/ComponentIndex/Card.svelte
@@ -83,9 +83,9 @@
     <div>
       {#if stars > 0}
         {#if (repo || url).includes('github')}
-          <img src="/github_logo.svg" alt="github logo" />
+          <img src="/images/github_logo.svg" alt="github logo" />
         {:else if (repo || url).includes('gitlab')}
-          <img src="/gitlab_logo.svg" alt="gitlab logo" />
+          <img src="/images/gitlab_logo.svg" alt="gitlab logo" />
         {:else}
           &#9733;
         {/if}
diff --git a/static/images/github_logo.svg b/static/images/github_logo.svg
new file mode 100644
index 0000000..e7bc0a3
--- /dev/null
+++ b/static/images/github_logo.svg
@@ -0,0 +1,3 @@
+<svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.18624 5.85097e-07C3.21583 -0.00156191 0 3.12656 0 6.9875C0 10.0406 2.0117 12.6359 4.8133 13.5891C5.1906 13.6813 5.1328 13.4203 5.1328 13.2422V12.0312C2.95413 12.2797 2.86583 10.8766 2.71972 10.6422C2.42431 10.1516 1.72592 10.0266 1.93463 9.79219C2.43073 9.54375 2.93647 9.85469 3.52248 10.6969C3.94633 11.3078 4.77316 11.2047 5.1922 11.1031C5.28372 10.7359 5.47959 10.4078 5.74931 10.1531C3.49197 9.75937 2.55115 8.41875 2.55115 6.825C2.55115 6.05156 2.81284 5.34063 3.32661 4.76719C2.99908 3.82188 3.35711 3.0125 3.40528 2.89219C4.33807 2.81094 5.3078 3.54219 5.38326 3.6C5.91307 3.46094 6.51835 3.3875 7.19587 3.3875C7.87661 3.3875 8.48349 3.46406 9.01812 3.60469C9.19954 3.47031 10.0986 2.84219 10.9656 2.91875C11.0122 3.03906 11.3622 3.82969 11.0539 4.7625C11.5741 5.3375 11.839 6.05469 11.839 6.82969C11.839 8.42656 10.8917 9.76875 8.62798 10.1562C8.82188 10.3418 8.97584 10.5631 9.08086 10.8073C9.18589 11.0514 9.23988 11.3135 9.23968 11.5781V13.3359C9.25252 13.4766 9.23968 13.6156 9.4805 13.6156C12.3239 12.6828 14.3709 10.0688 14.3709 6.98906C14.3709 3.12656 11.1534 5.85097e-07 7.18624 5.85097e-07Z" fill="#4A4A55"/>
+</svg>
diff --git a/static/images/gitlab_logo.svg b/static/images/gitlab_logo.svg
new file mode 100644
index 0000000..6911ad5
--- /dev/null
+++ b/static/images/gitlab_logo.svg
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 height="14px" viewBox="100 130 380 300">
+<style type="text/css">
+	.st3{fill:#E24329;}
+	.st4{fill:#FCA326;}
+	.st5{fill:#FC6D26;}
+</style>
+<g id="logo_art">
+	<g>
+		<path id="path50_2_" class="st3" d="M293.026,434.983L293.026,434.983l62.199-191.322H230.918L293.026,434.983L293.026,434.983z"
+			/>
+		<path id="path66_6_" class="st4" d="M143.798,243.662L143.798,243.662l-18.941,58.126c-1.714,5.278,0.137,11.104,4.661,14.394
+			l163.509,118.801L143.798,243.662L143.798,243.662z"/>
+		<path id="path74_2_" class="st3" d="M143.798,243.662h87.12l-37.494-115.224c-1.919-5.895-10.282-5.895-12.27,0L143.798,243.662
+			L143.798,243.662z"/>
+		<path id="path82_6_" class="st4" d="M442.346,243.662L442.346,243.662l18.873,58.126c1.714,5.278-0.137,11.104-4.661,14.394
+			L293.026,434.983L442.346,243.662L442.346,243.662z"/>
+		<path id="path86_2_" class="st3" d="M442.346,243.662h-87.12l37.425-115.224c1.919-5.895,10.282-5.895,12.27,0L442.346,243.662
+			L442.346,243.662z"/>
+		<polygon class="st5" points="293.026,434.983 355.225,243.662 442.346,243.662 		"/>
+		<polygon class="st5" points="293.026,434.983 143.798,243.662 230.918,243.662 		"/>
+	</g>
+</g>
+</svg>