diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index 39360000..05bc1d17 100644
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@@ -3163,6 +3163,13 @@ body button {
   width:1em
 }
 
+/* Scale SVG logos to appropriate size */
+
+.logo svg {
+  height:5rem;
+  width:5rem
+}
+
 /* Search */
 
 #search-query::-webkit-search-cancel-button,
diff --git a/assets/css/main.css b/assets/css/main.css
index 7f46d01e..49873f3d 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -16,6 +16,11 @@ body button {
   @apply h-[1em] w-[1em];
 }
 
+/* Scale SVG logos to appropriate size */
+.logo svg {
+  @apply h-[5rem] w-[5rem];
+}
+
 /* Search */
 #search-query::-webkit-search-cancel-button,
 #search-query::-webkit-search-decoration,
diff --git a/layouts/partials/header/basic.html b/layouts/partials/header/basic.html
index 6b2c6fa0..caf69fa7 100644
--- a/layouts/partials/header/basic.html
+++ b/layouts/partials/header/basic.html
@@ -7,8 +7,14 @@
         <a href="{{ "" | relLangURL }}" class="flex">
             <span class="sr-only">{{ .Site.Title | markdownify }}</span>
 
+            {{ if eq $logo.MediaType.SubType "svg" }}
+            <span class="logo object-scale-down object-left nozoom">
+                {{ $logo.Content | safeHTML }}
+            </span>
+            {{ else }}
             <img src="{{ $logo.RelPermalink }}" width="{{ div $logo.Width 2 }}" height="{{ div $logo.Height 2 }}"
                 class="logo max-h-[5rem] max-w-[5rem] object-scale-down object-left nozoom" alt="{{ .Site.Title }}" />
+            {{ end }}
 
         </a>
     </div>